Dan Abramov

The React team is excited to share a few updates.

In this post, I want to share two different techniques. They’re surprisingly basic, which is why people rarely realize they improve rendering performance.

2020 has been a long year. As it comes to an end we wanted to share a special Holiday Update on our research into zero-bundle-size React Server Components.

Today, we are releasing React 17! We’ve written at length about the role of the React 17 release and the changes it contains in the React 17 RC blog post.

Today, we are publishing the first Release Candidate for React 17. It has been two and a half years since the previous major release of React, which is a long time even by our standards! In this blog post, we will describe the role of this major release, what changes you can expect in it, and how you can try this release.

This is my personal attempt to formalize observations about how the React team operates — other team members may have different perspectives.

Today we are releasing React 16.9. It contains several new features, bugfixes, and new deprecation warnings to help prepare for a future major release.

There are important design principles that every component should strive to follow. But I don’t think style guides capture those principles well. We’ll talk about style guides first, and then look at the principles that really are useful.

You wrote a few components with Hooks. Maybe even a small app. You’re mostly satisfied. You’re comfortable with the API and picked up a few tricks along the way. You even made some custom Hooks to extract repetitive logic (300 lines gone!) and showed it off to your colleagues. “Great job”, they said.

How do React function components differ from React classes? For a while, the canonical answer has been that classes provide access to more features (like state). With Hooks, that’s not true anymore.

Tweak React components in real time

Set up a modern web app by running one command

The react package contains only the functionality necessary to define React components

Drag and Drop for React

Predictable state container for JavaScript apps.

Official React bindings for Redux

Runtime type checking for React props and similar objects

DevTools for Redux with hot reloading, action replay, and customizable UI.

Thunk middleware for Redux.

Create components whose nested prop changes map to a global side effect.

Dan Abramov talks about the future of React.

Dan Abramov discusses how the addition of hooks changed how we write React.

After seeing the initial traction, Facebook invested heavily into React, creating entire teams within the company whose goal was to improve React. Dan Abramov works on the React team at Facebook and joins the show to talk about how the React project is managed and his vision for the project.

The React core team sits down with Michael Jackson to discuss React today and tomorrow. They talk Concurrent Mode, Suspense, Hooks, the new profiler tab, scheduling in the browser, React Fire, React Fusion, becoming more framework-y, appearing less JavaScript-y, and why you shouldn’t worry about the second argument of useEffect.

Joel Hooks co-founder of egghead.io, interviews Dan Abramov, co-author of Redux. They discuss the "Redux phenomenon" and the notion of improving the developer experience.

In this deep dive you'll learn how to contribute to React Fiber, and implement a new rendering mode for React.

In this talk, Dan will share the React team’s vision for what the future of React might look like, including some never before seen prototypes.

Based on a recent pull request in the React repo (https://github.com/facebook/react/pull/7616) it was suggested that we chat about how events in React work. Ben and Dan were eager to have this conversation with me :)

In this talk, Dan reflects on the past, present, and future of Redux.

Even if you have already spent time studying Redux, this course will show you better practices straight from the library's creator Dan Abramov.

In this series, we will learn the basics of Redux, so that you can start using it to simplify your applications.