React Framework – Building Web Applications (RCT)

Course content:

• Introduction to the React ecosystem
1. Setting up the development environment
2. Quick recap of JavaScript and TypeScript
3. Getting to know React
4. What is a single-page application (SPA) and how it works?

• Package system and application structure
1. Creating a basic app template with Vite
2. Project folder structure
3. Working with package managers npm and yarn
4. Semantic versioning

• React component system
1. JSX – JavaScript XML
2. Differences between JSX and HTML
3. React Fragments
4. Components – lifecycle and inputs (props)
5. Component tree

• Component state management
1. Stateless vs stateful components
2. Handling events
3. Local component state (useState hook)
4. Component lifecycle (class components)

• Styling components
1. Conditional rendering
2. Styling via CSS
3. Using CSS modules

• Managing side effects
1. Using the useEffect hook
2. Strict Mode

• Working with components
1. Creating custom events
2. Children props

• Building forms
1. Binding inputs to local component state
2. Form validation and handling

• Sending HTTP requests
1. Using third-party libraries (e.g., Axios)
2. Calling servers via REST API
3. Writing custom hooks

• Debugging and error logging
1. Stepping through the app in the browser
2. Analyzing app flow with console.log
3. Third-party error logging tools

• Advanced topics
1. Global state with React Context
2. Accessing native elements with useRef