Mehmet's Playlist (Don't edit!)

Watch User Created Playlist (13)

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

Bootstrap a React Application with Yarn & Create React App

Install Gatsby and Scaffold a Blog

Error Handling using Error Boundaries in React 16

Handle Side Effects with Redux Saga Generator Functions

Install and Configure the Entry Point of react-intl

Introduction to How to Write an Open Source JavaScript Library

Intro to the Production Webpack Course

Add React Storybook to a Project

P

Redux: Simplifying the Arrow Functions

Bootstrap a React Application through the CLI with Create React App

Write a Higher Order Component from Scratch

P
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 Bootstrap a React Application with Yarn & Create React App

Bootstrap a React Application with Yarn & Create React App

2:18 react

In this lesson we’ll bootstrap and React application using Yarn and Create React App through the yarn create command.

gatsby tutorial about Install Gatsby and Scaffold a Blog

Install Gatsby and Scaffold a Blog

0:51 gatsby

In this lesson, you’ll install Gatsby and the plugins that give the default starter the ability to transform Markdown into HTML.

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 Handle Side Effects with Redux Saga Generator Functions

Handle Side Effects with Redux Saga Generator Functions

3:17 react

In this lesson we’ll fetch the star wars api and display the response to our UI. Saga effects and generators allow us to synchronously run asynchronous tasks.

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.

github tutorial about Introduction to How to Write an Open Source JavaScript Library

Introduction to How to Write an Open Source JavaScript Library

1:35 github

This is an introduction to the "How to Write a JavaScript Library" in which the scope of the series is presented. You will learn everything you need to know to create a library for JavaScript: set up the GitHub repo, publish a module to npm, set up a test suite with code coverage reporting (using Karma, Mocha, and Chai), add continuous integration, add ES6 (ES2015) with Babel, configure Webpack, and distribute the library as a "Universal JavaScript" (a.k.a. "Isomorphic JavaScript") module (consumable by both the browser and node).

webpack tutorial about Intro to the Production Webpack Course

Intro to the Production Webpack Course

2:14 webpack

There are several lessons that will build on top of this project. It is a fairly standard, small webpack bundled project. In this lesson we’ll explore the project a bit so you’re familiar with how things are set up for future lessons.

react tutorial about Add React Storybook to a Project

Add React Storybook to a Project

3:35 react PRO

In this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.

react tutorial about Redux: Simplifying the Arrow Functions

Redux: Simplifying the Arrow Functions

2:34 react

We will learn how to reduce the syntactic noise in the action creators and components when using arrow functions.

react tutorial about Bootstrap a React Application through the CLI with Create React App

Bootstrap a React Application through the CLI with Create React App

4:19 react

We’ll go from an empty directory to a solid foundation for an application by running a single command. The create-react-app tool handles all of the complicated setup for us so we can focus on building our application.

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.

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