Description
React is a JavaScript library, developed in 2013 by Jordan Walke of Facebook. You’ll find React is both very popular (it’s the 5th most starred JS library on GitHub) and used on major sites including on Facebook, Netflix, and Khan Academy. You’ll love the flexibility of using React with your favorite web technologies, and this path will take you from the fundamentals all the way up to building full apps with custom styling.
- Introduction to JavaScript and its importance in modern apps
- JavaScript Core features (Classes, Objects)
- ES 6 Features (var, const, let, arrow functions, de-structuring etc.)
- The Spread & Rest Operator
- Exports and Imports
- The Build Workflow
- Requirement of Node (a JavaScript runtime)
- Node package manager (npm)
- Using Create React App
- Understanding the Folder Structure
- Understanding Component Basics
- Understanding JSX
- Creating a Functional Component
- Working with Components & Re-Using Them
- Outputting Dynamic Content
- Working with Props
- Understanding & Using State
- Props & State
- Handling Events with Methods
- Manipulating the State
- Stateless vs Stateful Components
- Passing Method References Between Components
- Using the useState() Hook for State Manipulation
- Introduction to hooks and context
- Using useEffect() in Functional Components
- Using the Context API
- Adding Styling with Stylesheets
- Rendering Content Conditionally
- Outputting Lists, Lists & Keys
- Class Component Lifecycle Overview
- Component Creation Lifecycle in Action
- Working with bootstrap in react JS
- Routing and SPAs
- Setting Up the Router Package
- Rendering Components for Routes
- Using Links to Switch Pages
- Handling the 404 Case (Unknown Routes)
- Handling form input
- Form validation using formik and Yup
- Understanding Http Requests in React
- Introducing axios
- Creating a Http Request to GET Data
- POST Data to the Server
- Sending a DELETE Request