ReactNext 2018
as the organisers put it
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
who it's for
React developers, frontend engineers, engineering managers, mobile developers (React Native), build and release engineers, UI engineers
topics
create-react-app bootstrapping; emotion CSS-in-JS; React Router versus Reach; Redux state management; MobX state management; Immer and proxy immutability; yarn workspaces monorepos; lerna multi-package workflows; Storybook component workbench; Chromatic visual regression testing; React performance profiling; TypeScript with React (.tsx)
| title | author | length |
|---|---|---|
| State of the React Ecosystem | Ben Ilegbodu | 34m |
Recommends bootstrapping with create-react-app (npx start, build optimizations) and sticking to React fundamentals first; Eventbrite uses Component CSS today… | ||
| Advanced Patterns - Moving Beyond Presentation and Container Components | Robert Herbst | 31m |
Covers concrete patterns and working code: how Victory charts inspects children, a child-enhancing component (wizard) that clones elements to add behavior, a… | ||
| MonoRepos for the Masses | Marcel Cutts | 31m |
Argues that practical monorepos beat vague hype by showing concrete tooling and workflows: uses yarn workspaces to deduplicate node_modules, uses lerna to… | ||
| Building a Maintainable UI with Storybook | Norbert de Langen | 27m |
Storybook claims to make UI components maintainable by turning each component into a documented, testable workbench and by supporting add-ons like… | ||
| Motion in React | Kaylie Alexa Kwon | 17m |
Recommendation hinges on specifics not slogans: CSS Transitions and Animations win for simple, declarative, 60fps-friendly effects and media query driven… | ||
| Building React Native | Parashuram N | 29m |
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… | ||
| Beautiful Abstractions "What I Learned Reading the Source-Code of 18 React Libraries" | Yonatan Mevorach | 25m |
Reads the source of 18 React libraries and reports concrete takeaways: a reusable four-part pattern (initialize state, add listener, remove listener, setState)… | ||
| Immer, Immutability and the Wonderful World of Proxies | Michel Weststrate | 30m |
Immer claims Immer creates a shadow tree that is maintained using Proxies to produce the next immutable state while letting code use normal JS mutation APIs… | ||
| Breaking Down Your Web App | Patrick Hund | 25m |
Promise: break a large React + Redux app into self-contained bricks that export five things (component, actions, reducer, sagas, selectors) so each feature… | ||
| Applying Microservices Design Patterns to Scale React App Development | Itay Maoz | 15m |
Shows a concrete architecture: split app into independent NPM packages as microservices and a tiny core that mounts them and owns globals. Uses RxJS… | ||
| React Responsively, Render Responsibly | Yoav Niran | 17m |
Starts with a sluggish photo grid taking about 600ms to 10ms after fixes and shows exact steps: use Chrome DevTools and React Profiler to spot full-grid… | ||
| Wiring TypeScript into React | Gil Fink | 15m |
Demo wires TypeScript into an existing React app by converting a timer/clock component and showing everything compiles and runs side by side. Steps are… | ||
| How to Write Bad Code in Redux | Adam Klein | 27m |
Redux does not guarantee a single source of truth and projects using it for dozens of apps discover real bugs from accidental mutations and deep cloning… | ||
| 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… | ||
| Functional Programming Fundamentals | Matthew Gerstman | 30m |
Argues that the concrete win is isolating state and side effects so one-to-one data transforms stay predictable, showing pure functions, memoization and… | ||
| Migrating from Angular to React | Maayan Glikser | 32m |
Claim: migrate an AngularJS app to React incrementally without a risky full rewrite. Demo shows a working Electron app migrated stepwise by building a new… | ||
| (Don't) Blame it on React Native | Ofir Dagan | 14m |
Wix ships a huge React Native app and most performance problems turn out to be bad JS patterns not the framework. Examples: a send button lags because the app… | ||
| nothing matches | ||