Mapsa React Bootcamp
React
1- What’s react
2- Understanding single page applications
3- React alternatives
4- Project settings:
a. Npm
b. Package.json
c. Babel
d. gulp
5- Writing first react code
6- Reconciliation
React Basic features
1- Build workflow
2- Create react app and folder structure
3- Jsx
4- Working with components
5- Props
6- State
7- Events and methods
8- defaultProps
9- props.children
React Basic features 2
1- Add style sheet
2- Inline style
3- Set style dynamically
4- Css modules
5- Render content conditionally
6- Dynamic content
7- Update state immutably
8- List & Keys
React Basic features 3
1- Component LifeCycle
2- Forms
a. Controlled & uncontrolled components
3- Lifting state up
4- Split an app to components
5- Component lifecycle in action
6- Pure function
7- How react update the app & component tree
8- HOC
9- Render props
10- React Context API
11- Error Boundaries
12- Refs
a. Forwarding Refs
13- Portals
14- Fragment
Create a Real application
1- Planning an app in react (core, layout and component tree)
2- Setup project
3- Add style modules
4- Add prop types
5- Implementing Build controls, order, modal, backdrop, logo
Finalize the real application
1- Implementing ajax calls, orders, authentication
2- Ajax calls
3- Asynchronous programming
4- API Json
5- Form validations
6- React router
Redux
1- Complexity of managing state
2- Redux flow
3- Reducer and store
4- Dispatching actions
5- Pass and retrieving data with action
6- Redux middlewares
a. Redux-thunk
Hooks
1- Introduction
2- useState & state updating
3- Rules of hooks
4- UseEffect
5- useCallback
6- useRef
7- useReducer
8- useContext
9- useMemo
10- Custom Hooks
-------------
.موارد زیر در صورتی که وقت اضافی داشتیم مطرح خواهد شد
More topics
1- SSR and CSR
a. Nextjs
2- Mobx
3- Typescript
