Course description
The course is focused on absolutely basic knowledge of React.
Course structure
- Introduction into React ecosystem
- Setup IDE
- Javascript & Typescript quick overview
- React introduction
- What is SPA and how does it work?
- Package system and app scaffolding
- Vite – app scaffolding
- project folder structure
- using npm & yarn
- semantic versioning
- React component system
- JSX
- differences between JSX and HTML
- React Fragment
- components – lifecycle, props
- component tree
- Component state
- stateless, stateful components
- event handling
- component local state (useState)
- component lifecycle
- class components
- Styling components
- conditional rendering
- applying styles
- CSS modules
- Managing side effects
- useEffect
- Strict mode
- Components
- creating own events
- children props
- Creating forms
- controlled input
- Making HTTP requests
- React Strict mode
- using third party library (axios)
- calling server via REST API
- writing custom hooks
- Debugging & error logging
- debugger
- using console.log to analyze application flow
- using Google Chrome debugger
- using Google Chrome dev tools
- third party services
- Advanced topics
- global application state using React Context
- accessing native element using useRef
