0% found this document useful (0 votes)
15 views4 pages

Mapsa React Bootcamp

Uploaded by

nil na
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views4 pages

Mapsa React Bootcamp

Uploaded by

nil na
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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

You might also like