Solutions are nonsense without understanding the problems they solve. We'll take a trip down memory lane to shine a
light on the stuff that led to all the bugs we've written in the past to prime us to see clearly how React is going to help.
Get people thinking about the conceptual gap between the static program and the dynamic process, and what
it means to "eliminate time" in their apps
Components
Components are the building blocks of UI in React. We'll discuss a few parts of a component's lifecycle, it's interface
with the rest of the application, component state, encapsulation, and how to make components reusable.
Define components
Props v. State
One of the first questions that comes up when you start using React is "when do I use state, and when do I use props?"
We'll explore an app with changing requirements that lets us experience state moving to props and why. We'll discuss
how data flows, or rather, how components communicate with each other. Finally, we'll explore how component
composition helps answer the "props v. state" question.
Redux
Redux is an incredibly popular state container that a lot of people use in their React apps. Learn how to use it to
manage your shared application state and experience the insight you get into your application with high-level actions.
Update state
Testing
Testing UI has never been this straightforward. You'll learn how to test any UI interaction your app has.
Simulate events
Forms
Solidify your "declarative" understanding by working with forms in React. We'll discuss the various use-cases for forms
and how to handle them in React
Migrating to React
Here we'll discuss a technique to migrate, instead of rewrite, your app to React in way that won't block your team. You'll
writing and shipping your new code incrementally. We'll also discuss how to integrate with existing JS libs as you
encounter them in your app.
Compound Components
Some components get really, really big. Not only do their render methods get large, but as more people try to use the
component, the props it takes grow as well. Eventually you end up with way too many properties and a really difficult
component to work with that has to change with every new use-case you throw at it. There's a better way with
compound components.
Context
Context is an advanced, slightly-unstable, and powerful tool that solves a handful of use-cases really elegantly. We'll
discuss when and why it's a good solution, and when it's not.
Render Props
As we begin to make more things declarative we run into code that seems unlikely to be made declarative. We'll explore
this pattern and see how it allows us to make anything in our app declarative.
Animation
Name says it all. We'll showcase several ways to do animation declaratively with React.
Animate elements
Implementing Redux
With all of your newfound React knowledge, you're going to reimplement Redux from scratch with context and higher
order components.
Use context