React related

Watch User Created Playlist (9)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Course Overview: Manage React Form State with redux-form

Course Overview: Optimistic UI Updates in React

Understand the Different Accepted Selectors in Enzyme

P

Error Handling using Error Boundaries in React 16

Write a Higher Order Component from Scratch

P

Install and Configure the Entry Point of react-intl

Configure Recompose to Build React Components from RxJS Streams

Implement Synchronous Side Effects with Blocking Saga Effects

P

Manage Application State with Immutable.js

react tutorial about Course Overview: Manage React Form State with redux-form

Course Overview: Manage React Form State with redux-form

1:29 react

In this course, we are going to use the redux-form package to create a form whose state is easy and enjoyable to manage.

Using redux-form, we have a resource which provides not only the benefit of integrating form state with an existing Redux application, but also being able to track the state of our form with precision in Redux Dev Tools without writing lots of boilerplate code.

Specifically, we are going to find out how redux-form ties into a React/Redux application, how to use validation both synchronous and asynchronous, applying real-world examples, effective ways of presenting important information to the user, and creating neat and reusable form components.

Working with forms can be laborious, but redux-form takes out the tedium and replaces it with an enjoyable experience creating beautifully crafted forms.

react tutorial about Course Overview: Optimistic UI Updates in React

Course Overview: Optimistic UI Updates in React

1:37 react

A brief overview of the course to give you a preview and feel for what we'll be learning and working towards.

react tutorial about Understand the Different Accepted Selectors in Enzyme

Understand the Different Accepted Selectors in Enzyme

1:52 react PRO

Many of the methods used in Enzyme’s API accept a selector as an argument. In this lesson we will go over the valid CSS, prop, object property, component displayName, and component constructor selectors that can be used as method arguments.

react tutorial about Error Handling using Error Boundaries in React 16

Error Handling using Error Boundaries in React 16

6:01 react

A JavaScript error in the UI shouldn’t break the whole application. To solve this problem React 16 introduced the new concept of an error boundary.

Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the crashed component tree.

In this lesson we'll create an error boundary. We can use the new lifecycle hook componentDidCatch to handle any errors that the components we wrap throw at us, without unmounting our entire app!

react tutorial about Write a Higher Order Component from Scratch

Write a Higher Order Component from Scratch

3:15 react PRO

Learn the proper patterns for writing a higher order component from scratch.

react tutorial about Install and Configure the Entry Point of react-intl

Install and Configure the Entry Point of react-intl

4:21 react

We’ll install react-intl, then add it to the mounting point of our React app.

Then, we’ll use react-intl helpers to load locales in our app, including English, Spanish and French and choose which locale data to load based on the user's browser language.

We’ll also set up and include messages files for each language, which hold all of the translated strings for our app.

react tutorial about Configure Recompose to Build React Components from RxJS Streams

Configure Recompose to Build React Components from RxJS Streams

1:32 react

Recompose provides helper functions to stream props using an Observable library of your choice into React. This lesson shows you how to configure Recompose to use RxJS then create a Streaming Component with Recompose’s componentFromStream helper function.

react tutorial about Implement Synchronous Side Effects with Blocking Saga Effects

Implement Synchronous Side Effects with Blocking Saga Effects

4:39 react PRO

When some side effects depend on the return of other side effects, we need to stop or block the iteration through our sagas until these resolve. We control this stop and go pattern with blocking effects, such as call and take.

immutable tutorial about Manage Application State with Immutable.js

Manage Application State with Immutable.js

2:36 immutable

Learn how Immutable.js data structures are different from native iterable Javascript data types and why they provide an excellent foundation on which to build your application's state.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?