0

  • No products in the cart.

Mastering React | React Foundation

ratings 

Mastering React is a comprehensive hands-on course that aims to be the single most useful resource on getting up to speed quickly with React. After the first few modules, you’ll have a solid understanding of React’s fundamentals and will be able to build a wide array of rich, interactive web apps with the framework.

PRIVATE
Course Access

Unlimited Duration

Last Updated

March 4, 2021

Students Enrolled

1

Total Reviews

Posted by

ashar hafeez

Certification

In this course you will learn about:

· A basic and advanced understanding of React components

· An advanced, in-depth knowledge of how React works

· A complete understanding of using Redux

· How to build, validate, and populate interactive forms

· How to use inline styles for perfect looking components

· How to test React components

· How to build and use components

· How to get control of your build process

· A deep understanding of data-driven modeling with props and state

· How to use client-side routing for pages in your apps

· How to debug a React application

Course Curriculum

    • • Prefer const and let over var 00:00:00
    • Arrow functions 00:00:00
    • Modules 00:00:00
    • Object.assign() 00:00:00
    • Template literals 00:00:00
    • The spread operator and Rest parameters 00:00:00
    • Enhanced object literals 00:00:00
    • Default arguments 00:00:00
    • Destructuring assignments 00:00:00
    • Setting up your development environment 00:00:00
    • JavaScript ES6 /ES7 00:00:00
    • Getting started 00:00:00
    • What’s a component? 00:00:00
    • Our first component 00:00:00
    • Building the App 00:00:00
    • Making the App data-driven 00:00:00
    • Your app’s first interaction 00:00:00
    • Updating state and immutability 00:00:00
    • Refactoring with the Babel plugin transform-class-properties 00:00:00
    • React Uses a Virtual DOM 00:00:00
    • Why Not Modify the Actual DOM? 00:00:00
    • What is a Virtual DOM? 00:00:00
    • Virtual DOM Pieces 00:00:00
    • ReactElement 00:00:00
    • JSX 00:00:00
    • JSX Summary 00:00:00
    • A time-logging app 00:00:00
    • Getting started 00:00:00
    • Breaking the app into components 00:00:00
    • The steps for building React apps from scratch 00:00:00
    • Updating timers 00:00:00
    • Deleting timers 00:00:00
    • Adding timing functionality 00:00:00
    • Add start and stop functionality 00:00:00
    • Methodology review 00:00:00
    • ReactComponent 00:00:00
    • props are the parameters 00:00:00
    • props are the parameters 00:00:00
    • Default props with getDefaultProps() 00:00:00
    • context 00:00:00
    • state 00:00:00
    • Stateless Components 00:00:00
    • Talking to Children Components with props.children 00:00:00
    • Forms 101 00:00:00
    • Text Input 00:00:00
    • Remote Data 00:00:00
    • Async Persistence 00:00:00
    • Redux 00:00:00
    • Form Modules 00:00:00
    • Writing tests without a framework 00:00:00
    • What is Jest? 00:00:00
    • Using Jest 00:00:00
    • Testing strategies for React applications 00:00:00
    • Testing a basic React component with Enzyme 00:00:00
    • Writing tests for the food lookup app 00:00:00
    • Writing FoodSearch.test.js 00:00:00
    • What’s in a URL? 00:00:00
    • React Router’s core components 00:00:00
    • Building the components of react-router 00:00:00
    • Dynamic routing with React Router 00:00:00
    • Supporting authenticated routes 00:00:00
    • Why Flux? 00:00:00
    • Flux is a Design Pattern 00:00:00
    • Flux implementations 00:00:00
    • Redux & Redux’s key ideas 00:00:00
    • Building a counter 00:00:00
    • The core of Redux 00:00:00
    • The beginnings of a chat app 00:00:00
    • Building the reducer() 00:00:00
    • Subscribing to the store 00:00:00
    • Connecting Redux to React 00:00:00
    • Using createStore() from the redux library 00:00:00
    • Representing messages as objects in state 00:00:00
    • Introducing threads 00:00:00
    • Adding the ThreadTabs component 00:00:00
    • Supporting threads in the reducer 00:00:00
    • Adding the action OPEN_THREAD 00:00:00
    • Breaking up the reducer function 00:00:00
    • Adding messagesReducer() 00:00:00
    • Defining the initial state in the reducers 00:00:00
    • Using combineReducers() from redux 00:00:00
    • Motivation behind Hooks 00:00:00
    • How Hooks Map to Component Classes 00:00:00
    • Using Hooks Requires react “next” 00:00:00
    • useState() Hook Example 00:00:00
    • useEffect() Hook Example 00:00:00
    • useContext() Hook Example 00:00:00
    • Using Custom Hooks 00:00:00
    • JavaScript modules 00:00:00
    • Create React App 00:00:00
    • Exploring Create React App 00:00:00
    • Webpack basics 00:00:00
    • Making modifications 00:00:00
    • Hot reloading; Auto-reloading 00:00:00
    • Creating a production build 00:00:00
    • Ejecting 00:00:00
    • Using Create React App with an API server 00:00:00
    • When to use Webpack/Create React App 00:00:00
    • Your First GraphQL Query 00:00:00
    • GraphQL Benefits 00:00:00
    • GraphQL vs. REST 00:00:00
    • GraphQL vs. SQL 00:00:00
    • Relay and GraphQL Frameworks 00:00:00
    • Chapter Preview 00:00:00
    • Consuming GraphQL 00:00:00
    • Exploring With GraphiQL 00:00:00
    • GraphQL Syntax 101 . 00:00:00
    • Complex Types 00:00:00
    • Exploring a Graph 00:00:00
    • Graph Nodes ; Viewer 00:00:00
    • Graph Connections and Edges 00:00:00
    • Mutations 00:00:00
    • Subscriptions 00:00:00
    • GraphQL With JavaScript 00:00:00
    • GraphQL With React 00:00:00

Course Reviews

Profile Photo
ashar hafeez
0
62

Students

About Instructor

Pak

Course Events

[wplms_eventon_events]

More Courses by Insturctor

© 2021 Ernesto.  All rights reserved.  
X