React Recipes [Video]

Preview in Mapt

React Recipes [Video]

Diego Muracciole

1 customer reviews
Take your web app to the next level with React
Mapt Subscription
FREE
$29.99/m after trial
Video
$106.25
RRP $124.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$106.25
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


React Recipes [Video] Book Cover
React Recipes [Video]
$ 124.99
$ 106.25
Advanced React Recipes [Video] Book Cover
Advanced React Recipes [Video]
$ 124.99
$ 106.25
Buy 2 for $35.00
Save $214.98
Add to Cart

Video Details

ISBN 139781788476867
Course Length4 hours and 22 minutes

Video Description

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.

Style and Approach

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.

Table of Contents

How to Structure React Projects
The Course Overview
React Rendering Process
What Should You Know About React Fiber?
Starting a Project from Scratch
Understanding and Configuring ES6 and Babel
Understanding and Configuring Webpack
Setting Up a Development Server
Diving into the First Components
Creating and Mounting Root Component
Using Functional Components
Importing Assets
Compose Components to Create More Complex UI
Making Async Request in the Component Life Cycle
Use the State to Make Your Components Dynamic
Styling Made Easy
Component Styling: Different Approaches
Functional CSS
Setting Up PostCSS and Basscss
Adapt Basscss to Our Site Style Guide
Code Styling: Following a Style Guide
Setting Up ESLint
Setting Up Prettier
Wrapping Everything Up with a Git Hook
Routing
Using React Router to Create Basic Routing
Handling 404 Requests
Handling Redirects
Add Links to Different Routes
Implementing Favorites
Share State Between Routes
Get Param’s from URLs
Painless Components Testing
Configuring Jest
Using Snapshots to Test React Components
Mock Static Assets in Our Tests
Using Enzyme to Test More Complex Scenarios

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

Authors

Table of Contents

How to Structure React Projects
The Course Overview
React Rendering Process
What Should You Know About React Fiber?
Starting a Project from Scratch
Understanding and Configuring ES6 and Babel
Understanding and Configuring Webpack
Setting Up a Development Server
Diving into the First Components
Creating and Mounting Root Component
Using Functional Components
Importing Assets
Compose Components to Create More Complex UI
Making Async Request in the Component Life Cycle
Use the State to Make Your Components Dynamic
Styling Made Easy
Component Styling: Different Approaches
Functional CSS
Setting Up PostCSS and Basscss
Adapt Basscss to Our Site Style Guide
Code Styling: Following a Style Guide
Setting Up ESLint
Setting Up Prettier
Wrapping Everything Up with a Git Hook
Routing
Using React Router to Create Basic Routing
Handling 404 Requests
Handling Redirects
Add Links to Different Routes
Implementing Favorites
Share State Between Routes
Get Param’s from URLs
Painless Components Testing
Configuring Jest
Using Snapshots to Test React Components
Mock Static Assets in Our Tests
Using Enzyme to Test More Complex Scenarios

Video Details

ISBN 139781788476867
Course Length4 hours and 22 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Advanced React Recipes [Video] Book Cover
Advanced React Recipes [Video]
$ 124.99
$ 106.25
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video] Book Cover
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video]
$ 200.99
$ 170.85
Publishing Your Application with React Native [Video] Book Cover
Publishing Your Application with React Native [Video]
$ 124.99
$ 106.25
Data Visualization Recipes in Python [Video] Book Cover
Data Visualization Recipes in Python [Video]
$ 124.99
$ 106.25
React Native - The Practical Guide [Video] Book Cover
React Native - The Practical Guide [Video]
$ 169.99
$ 144.50
Linux Server Security [Video] Book Cover
Linux Server Security [Video]
$ 124.99
$ 106.25