React Recipes

React Recipes
React Recipes
English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 4h 22m | 0.98 GB

Take your web app to the next level with React

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 video course is a complete hands-on training program. Special attention is paid to recipes and good programming practices in each topic. The idea is to not only make things work as they are supposed to but also to learn high-quality code writing as we progress. Every piece of code is written and well explained by the author—no magic code popping up between videos in this course. You will start from scratch, and build complete React project block-by-block.

What You Will Learn

  • Get started with React basics
  • Explore React internals and how they can be used for many different purposes
  • Structure React projects in a scalable way
  • Learn the pros and cons of different styling approaches
  • Understand Routing in React
  • Test React the right way without going haywire
Table of Contents

01 The Course Overview
02 React Rendering Process
03 What Should You Know About React Fiber
04 Starting a Project from Scratch
05 Understanding and Configuring ES6 and Babel
06 Understanding and Configuring Webpack
07 Setting Up a Development Server
08 Creating and Mounting Root Component
09 Using Functional Components
10 Importing Assets
11 Compose Components to Create More Complex UI
12 Making Async Request in the Component Life Cycle
13 Use the State to Make Your Components Dynamic
14 Component Styling - Different Approaches
15 Functional CSS
16 Setting Up PostCSS and Basscss
17 Adapt Basscss to Our Site Style Guide
18 Code Styling - Following a Style Guide
19 Setting Up ESLint
20 Setting Up Prettier
21 Wrapping Everything Up with a Git Hook
22 Using React Router to Create Basic Routing
23 Handling 404 Requests
24 Handling Redirects
25 Add Links to Different Routes
26 Implementing Favorites
27 Share State Between Routes
28 Get Param’s from URLs
29 Configuring Jest
30 Using Snapshots to Test React Components
31 Mock Static Assets in Our Tests
32 Using Enzyme to Test More Complex Scenarios