React Recipes

Video Description

Take your web app to the next level with React

About This Video

  • Hands-on recipes to solve the most common web development problems with React.
  • Delve into prime functionalities such as state management, routing, and UI animations.
  • Develop complex components to piece together larger applications and complex UIs

In Detail

ReactJS has been taking the world of front end development by storm. It helps you write even the most complicated dynamic interfaces which makes easy thing easy and hard things achievable. This video dives straight into the most important React concepts and new features in the latest version of React (Fiber) to help you solve your daily development problems. With addition to covering the React basics this video covers a wide range of topics such as UI animations, rendering and routing logic. Moving along we'll learn to develop react components and techniques on how to Introduce react into your existing code base.State and data management have been a persisting problem in web development this video provides a wide range of solutions to those problems by introducing you to the world of Redux. This video also covers most often neglected topic such as testing and integrating React with other tools that takes your web app to the next level. While covering most of the basic as well as advanced concepts this video provides a set of best practices and optimizations techniques which will help you gain a braod and deep understanding of everything that is React.

This course uses React 15, while not the latest version available, it provides relevant and informative content for legacy users of React.

Table of Contents

  1. Chapter 1 : How to Structure React Projects
    1. The Course Overview 00:02:14
    2. React Rendering Process 00:02:24
    3. What Should You Know About React Fiber? 00:06:54
    4. Starting a Project from Scratch 00:03:44
    5. Understanding and Configuring ES6 and Babel 00:07:38
    6. Understanding and Configuring Webpack 00:07:57
    7. Setting Up a Development Server 00:09:31
  2. Chapter 2 : Diving into the First Components
    1. Creating and Mounting Root Component 00:08:43
    2. Using Functional Components 00:03:49
    3. Importing Assets 00:05:38
    4. Compose Components to Create More Complex UI 00:12:36
    5. Making Async Request in the Component Life Cycle 00:08:48
    6. Use the State to Make Your Components Dynamic 00:14:53
  3. Chapter 3 : Styling Made Easy
    1. Component Styling: Different Approaches 00:07:47
    2. Functional CSS 00:07:33
    3. Setting Up PostCSS and Basscss 00:11:38
    4. Adapt Basscss to Our Site Style Guide 00:20:17
    5. Code Styling: Following a Style Guide 00:04:57
    6. Setting Up ESLint 00:13:39
    7. Setting Up Prettier 00:06:27
    8. Wrapping Everything Up with a Git Hook 00:04:55
  4. Chapter 4 : Routing
    1. Using React Router to Create Basic Routing 00:08:38
    2. Handling 404 Requests 00:03:03
    3. Handling Redirects 00:01:32
    4. Add Links to Different Routes 00:05:25
    5. Implementing Favorites 00:11:08
    6. Share State Between Routes 00:09:29
    7. Get Param’s from URLs 00:06:49
  5. Chapter 5 : Painless Components Testing
    1. Configuring Jest 00:05:45
    2. Using Snapshots to Test React Components 00:21:14
    3. Mock Static Assets in Our Tests 00:05:16
    4. Using Enzyme to Test More Complex Scenarios 00:12:24

Product Information

  • Title: React Recipes
  • Author(s): Diego Muracciole
  • Release date: January 2018
  • Publisher(s): Packt Publishing
  • ISBN: 9781788476867