CHAPTERS

• Simple Profile Page

1. Project – Biography Page
2. JSX
3. Development Environment
4. JSX Rules
5. Components
6. Nested Components

• Adding Colors & Style

1. Project – Color Palette Library
2. CSS Basics
3. Inline CSS
4. Object Reference
5. External CSS

• Props

1. Project – HelloWorld (a site where Hello World is written in various programming languages)
2. Javascript Date Object
3. Props – Simple Props
4. Child and Parent Components
5. Higher Order Components
6. Brief Introduction to Hooks
7. Props II – Using an Internal API
8. Props Children
9. Props Destructuring

• Forms

1. Project: Country Quiz (called Patriot)
2. Basic Forms in React
3. OnChange Attribute
4. Controlled Inputs
5. Uncontrolled Inputs

• Adding Functionality III

1. Import Statement
2. Export Statement – Default & Named Export
3. Making your React Code Modular

• Random Pet Names Generator Site

1. Components Again
2. Modular Code Again
3. Import & Export Statement Again
4. Introduction to Hooks
5. useState Hook – Array
6. Introduction to Higher Order Functions
7. map() – Project : Random Seven Lines of Poetry
8. filter()
9. reduce()
10. find()
11. findIndex()
12. useState Hook – Object
13. useState Hook – Multiple State Values
14. Creating an internal API – ? – WonderKind API
15. Fetching data from the internal API

• ForexGuy – Currency Rates based on US Dollar

1. Introduction to Hooks II
2. useEffect()
3. Basics of useEffect()
4. useEffect() Conditional
5. useEffect() Dependency List & Array
6. Fetching Data with useEffect()
7. Handling Null State gracefully

• News Site

1. HomePage – using the mediastack News API
2. Combining different Hooks
3. useState() for dynamic variables
4. useEffect() for side effects or concurrent operations
5. Ternary Operator for Conditional Redering I
6. Ternary Operator for Conditional Rendering II
7. Introduction to Short Circuit Evaluation
8. Showing/Hiding User Interface Elements

• Love Names Site

1. Introduction to useReducer() – PartyInvite – Add Guests
2. Introduction to useReducer() II- Delete Guests
3. Introduction to useReducer() III- Clear Guests
4. Introduction to useReducer() IV- Update Guests
5. Checking for Errors in the State Values using Control Flow
6. Converting Multiple State Values to a single state value using useReducer()
7. A project on useReducer() or rather converting one of the previous projects using useReducer()
8. Introduction to Prop Drilling
9. Added Functionality – Modal
10. Example of Prop Drilling
11. A project on Prop Drilling

• Cryptocurrency Latest Price.

1. Introduction to useContext()
2. A project on useContext – CryptoKing!
3. Custom Hooks
4. A project on Custom Hooks

• Language Translator Site

1. PropTypes – Introduction
2. PropTypes with Images
3. PropTypes Default Values

• Introduction React Router
  1. React Router – Error & Switch Components
  2. React Router – Links
  3. React Router – URL Params and Placeholder
  4. React Optimization
  5. React memo
  6. useCallback()
  7. useMemo
  8. a project using React Router
• Redux
• References and Glossary – End.