React for Web Developers | Online Course

• Vite
• template structure
• run the app in dev mode
• build the app for production
• SPA principals as reflected in the mechanics of the app

• functional components
• jsx/tsx
• standard structure
• components hierarchy

• simple embed
• array embeds
• event handling

• useState
• useRef
• useEffect
• strict mode
• effect reactiveness

• a presentation

• the layout omponent
• grid/flex css
• building variuous components to be embedded in the layout

• running the backed / docker

• react-router-dom
• the Routing component
• the Route component
• redirect
• not found
• SPA linking
• the Link component
• the NavLink component

• Models
• services
• axios
• environments and config
• useEffect to fetch the data and modify the state

• why we need props?
• declaring the props
• providing the props
• using the props

• deleting from the server
• use a props state setting function

• react-hook-form
• useForm
• modular models
• register
• handleSubmit
• reset
• formState (validation)

• routing params
• useParams
• populate a form with existing data

• conditional rendering
• component reuse

• create a custom hook and use it

• redux presentation
• slices
• store
• hooks
• useAppSelector
• useAppDispatch
• selecting
• dispatching

• Context
• useContext
• JWT
• useMemo
• make the services stateful and hooks
• use JWT on each request

• Presentation
• socket.io-client
• SocketDispatcher

• VSC debugging
• axios errors
• toasts

• Docker
• docker build
• docker run
• nginx
• nginx config for routing