NCC React Basic

1. Javascript Necessary Base Knowledge

• var, let and const
• Arrow function
• Import and Export
• Classes, Properties and Methods
• Spread operators and Rest parameters
• Destructuring
• Reference and Primitive types
• Array functions: map(), forEach(), filter(), some(), find()...

2. React Base Features

• JSX, Element
• Component Basic: Class-based and Function Component
• Prop & PropTypes, Children property
• State & lifecycle
• Stateful and Stateless component
• Method: Handling Event
• Passing method reference between components
• How to add Two way binding?(Optional)
• Styles component, inline styles
• Conditionals
• Lists rendering
• Form & Form validation
• Thinking in React - Very IMPORTANT Read more in
  • When to break up a component into multiple components
  • React Best Practices

3. React Hooks

1. Introducing Hooks
2. Using the State Hook
3. Using the Effect Hook
4. Using the Context Hook
5. Building your own Hooks
6. Additional Hooks

4. React Advanced

• Http request in React (bonus: using Axios)
• Routing
• Context
• Fragment
• Refs (React.createRef() and useRef() hook)
• Higher Order Components (HOC)
• Portals

5. Redux (Optional)

• Getting Started
• Redux Data Flow
• State, Action, Reducer and Store
• Dispatching Action
• Additional: Middleware and Redux Thunk