ReactNext 2018
We are thrilled to present the 2018 edition of ReactNext – a one-day community-driven event packed with advanced lectures by internationally renowned speakers, and networking opportunities with over 600 attendees from all around the world, that share a passion for React, held in the center of the vibrant city of Tel Aviv. ReactNext targets both beginner and experienced devs in two parallel tracks with sessions about React, React Native, Redux, MobX, and everything about the ecosystem
This page was generated from this YAML file. Found a typo, want to add some data? Just edit it on GitHub.
-
🎤 State of the React Ecosystem
- 📹 1 video
- 👤 Ben Ilegbodu
React has exploded in popularity. But it’s only a UI library, not a full-fledged framework like Angular, Ember or [insert latest JS framework]. We need to create our own “framework” by picking from the plethora of libraries in the React ecosystem. But which ones should we choose? Or better yet, which ones do we actually need? Do we need a Redux? What about h… -
🎤 Advanced Patterns - Moving Beyond Presentation and Container Components
- 📹 1 video
- 👤 Robert Herbst
One of the first advanced React patterns we learn is to separate presentational, "dumb" components from state full and connected components called "containers". But it turns out there are a couple of other patterns that are useful when building larger react applications.This talk covers topics like how to inject services into your component tree, how to deal… -
🎤 MonoRepos for the Masses
- 📹 1 video
- 👤 Marcel Cutts
React! Babel! Angular! Ember! Meteor! Jest! All these beasts and more swear by the magic of the monorepo - a secret sauce all these impactful projects share. You’re intrigued, but you have questions. What is a monorepo? What does it offer my React projects? How would I even get to having a monorepo? Will my hipster cred be incredible if I get one?join me in … -
🎤 Building a Maintainable UI with Storybook
- 📹 1 video
- 👤 Norbert de Langen
Storybook is a tool for developing UI components in isolation. And it's also for documentation and testing.I'd like to give you an overview of how to use storybook. But also I want to talk about what it's like maintaining a project like this. How did we go from 0 maintainers to 50+ and what were the lessons learned.Norbert de Langen - Frontend Consultant.I'm… -
🎤 Motion in React
- 📹 1 video
- 👤 Kaylie Kwon
As client side applications are growing richer with interactivity, motion is entering the conversation as a critical part of user experience. With all the languages, tools, and APIs available, such as CSS Transitions/Animations, GSAP, and React Transition Group, how do you decide to choose one over the other?This talk will be a comparison of several approach… -
🎤 Building React Native
- 📹 1 video
- 👤 Parashuram N
React Native is a great way to build native apps for iOS, Android and other mobile platforms. In this talk, we will look at the internals of React Native, and how code written in JavaScript can power a fully native mobile application. We will look at the various parts of the system like the bridge, the UI manager and the plugins. We will also touch upon the … -
🎤 Beautiful Abstractions "What I Learned Reading the Source-Code of 18 React Libraries"
- 📹 1 video
- 📝 1 slide deck
- 👤 Yonatan Mevorach
The open-source React community has produced some amazing 3rd-party libraries that make React development as powerful as it is. But what does it take to create a "beautiful abstraction", a library that hides a lot of complexity into a simple API? To answer this, I took a journey into the source code of 18 different React libraries, including of course the "b… -
🎤 Immer, Immutability and the Wonderful World of Proxies
- 📹 1 video
- 📝 1 slide deck
- 👤 Michel Weststrate
Immer is a tiny package that allows you to work with immutable data structures with unprecedented ease. It doesn't require learning new data structures or update APIs, but instead creates a temporarily shadow tree which can be modified using the standard JavaScript APIs. The shadow tree will be used to generate your next immutable state tree. This shadow tre… -
🎤 Breaking Down Your Web App
- 📹 1 video
- 👤 Patrick Hund
There’s magic in every new beginning – building a new web app on a green field is every developer’s dream. A dream that can turn into a nightmare as the codebase grows, matures and finally becomes unmanageable.React is based on the concept of components. The idea is to compose your application of independent building blocks that you can easily reuse or repla… -
🎤 Applying Microservices Design Patterns to Scale React App Development
- 📹 1 video
- 👤 Itay Maoz
React and React Native allow for building truly amazing apps. As great as they are, having multiple teams working on a single, shared codebase is still a difficult task. It forces you to deal with issues such as accumulating tech debt, code ownership, and generally keeping everyone from stepping on each other’s toes.The world of backend development has alrea… -
🎤 React Responsively, Render Responsibly
- 📹 1 video
- 👤 Yoav Niran
The main premise of modern reactive applications is that they provide high-performance out of the box, making the user experience feel blazingly fast. Yet, there’s a limit to the magic that even React can pull off. There are times we need to help it, and often we might actually hurt the performance of our applications.In this talk I will do a live demo of in… -
🎤 Wiring TypeScript into React
- 📹 1 video
- 👤 Gil Fink
TypeScript is JavaScript super set language that adds more capabilities to JavaScript and of course static typing.In this short lighting talk we will have a practical demo to show you how to wire TypeScript language into your React app and Webpack build.Gil is a web development expert, Microsoft MVP and sparXys CEO. He is currently consulting for various ent… -
🎤 How to Write Bad Code in Redux
- 📹 1 video
- 👤 Adam Klein
"Redux forces you to write good code" - I've heard that sentence many times.In fact - it's quite easy to write bad code with Redux, as I will demonstrate in this talk.In this talk I will show some bad practices and techniques with Redux, and how to avoid them.We will cover aspects such as code reuse, coding conventions, and architecture.Adam Klein, CEO @ 500… -
🎤 Beyond Web Apps "React, JavaScript and WebAssembly to Port Legacy Native Apps"
- 👤 Florian Rival
Can we create or port an existing native desktop application to a complete "React powered" web-app matching (or even exceeding) the quality of the legacy desktop app? Sounds like a good challenge! 🤔And this is what I decided to do with my game making software.This talk will explain all the problems I had and solutions that I used to port my native app writt… -
🎤 Functional Programming Fundamentals
- 📹 1 video
- 👤 Matthew Gerstman
In the past few years, React and Redux have generated a surge of Functional and Declarative Programming which we often take for granted. However many of us never got a chance to learn the fundamentals.In this talk, we’ll discuss the fundamentals of Functional Programming and how they apply to modern JavaScript. We’ll cover immutability, separation of concern… -
🎤 Migrating from Angular to React
- 📹 1 video
- 👤 Maayan Glikser
Many of us have products that have been here for a while and are written in older frameworks. Eventually we have to upgrade for various reasons but a full rewrite is a big risk for the company.In this talk we'll learn how to gradually migrate from angularjs to react without hurting the business bottom line. Share data and build hybrid features which are powe… -
🎤 (Don't) Blame it on React Native
- 📹 1 video
- 👤 Ofir Dagan
It’s always fun to blame react native for everything that is wrong in our lives. However, what we keep finding, again and again, is that for most of the cases. Writing better performant react code can fix our performance issues. In the last couple of years our team built a huge production app in react native.In this talk I’ll go over some of our lessons lear…