• React
• ReactDOM
• React Native
• Virtual DOM
• ECMA versions
• Compiler, Transpiler, Building

• ES6 Variable declaration and scope: const,let 
• Template Strings ,Default Parameters, Arrow Functions  
• ES6 Objects and Arrays 
• Destructuring and Spread Operator 
• Classes 
• ES Modules ,CommonJS 
• What It Means to Be Functional 
• Imperative Versus Declarative 
• Functional Concepts , Immutability , Pure Functions , Data Transformations 
• Higher-Order Functions 
• Asynchronous Programming with Callbacks and Promises

• Using React Libraries 
• The Virtual DOM 
• React Elements,ReactDOM, Children 
• Constructing Elements with Data 
• Stateless Functional Components 
• DOM Rendering , Factories

• React component 
• Structure React application 
• Styling React component  
• Props and Validation 
• Local state in a component  
• Lifecycle methods  

• Binding methods using the constructor vs using arrow functions 
• Creating form elements with events  
• Displaying information in a modal with react-popup 

• Using React Router 
• Installation
• Basic Routing
• Nested Routing
• Parameterised Routing  
• Primary Components
• Routers
• BrowserRouter and HashRouter
• Route Matchers
• Switch and  Route
• Navigation
• NavLink, Link and Redirect
• Server Rendering
• <StaticRouter>
• Adding app specific context information
• 404, 401, or any other status
• Putting it all together
• Data Loading
• Examples:Basic
• URL Parameters,Query Parameters
• Nesting
• Redirects (Auth)
• Custom Link
• Preventing Transitions
• No Match (404)
• Recursive Paths
• Sidebar
• Animated Transitions
• Route Config
• Modal Gallery
• StaticRouter Context

• Creating a Data Store
• Defining the Data Types
• Defining the Initial Data
• Defining the Model Data Action Types
• Defining the Model Action Creators 
• Defining the Reducer
• Creating the Data Store
• Using the Data Store in the React Application
• Applying the Data Store to the Top-Level Component
• Connecting the Product Data
• Connecting the Supplier Data
• Expanding the Data Store
• Adding State Data to the Store
• Defining the Action Types and Creators for State Data
• Defining the State Data Reducer
• Incorporating the State Data Features into the Store
• Connecting the React Components to the Stored State Data 
• Dispatching Multiple Actions
• Understanding the Need for References
• Using the Data Store APIs
• Using the Redux Data Store API   
• Obtaining the Data Store State 
• Observing Data Store Changes 
• Dispatching Actions 
• Creating a Connector Component  
• Enhancing Reducers
• Using Data Store Middleware
• Enhancing the Data Store
• Applying the Enhancer
• Using the React-Redux API
• Advanced Connect Features
•  

• Getting values in and out of form state
• Validation and error messages
• Handling form submission

1. connect()
2. <ErrorMessage />
3. <FastField />
4. <Field />
5. <FieldArray />
6. <Form />
7. <Formik />
8. useField()
9. useFormik()
10. useFormikContext()
11. withFormik()

• Understanding mlab RESTful Data API
• GET method endpoints 
• POST method endpoints 
• DELETE method endpoints 
• PUT method endpoints 
• Adding access tokens to secure our API 

1. Make XMLHttpRequests from the browser
2. Make http requests from node.js
3. Supports the Promise API
4. Intercept request and response
5. Transform request and response data
6. Cancel requests
7. Automatic transforms for JSON data 

https://www.reactenlightenment.com/what-is-react.html https://github.com/axios/axios https://jaredpalmer.com/formik/docs/tutorial