Course Outline
Building Modern Front-End Applications
- Comparing React, Angular, and Vue.js: Overview and Commonalities
- Declarative Rendering
- Components: Creating Custom HTML Tags
- Initializing React Projects with create-react-app
Contemporary JavaScript
- Development using node.js and npm
- Evolution of JavaScript Versions
- Module Management
- Functions and Arrow Functions
- Classes
- Functional Programming Techniques in JavaScript (e.g., map, filter)
TypeScript
- Static vs. Dynamic Typing
- Typing Variables, Functions, and Classes
- Primitive Data Types
- Tuples and Objects
- Interfaces
- Generics
React Template Language
- JSX: The JavaScript-Based Template Language
- Configuring Element Properties
- Iterating over Elements
- Conditional Logic: If / Else
- Event Handling
- CSS Classes and Styling
State Management in React
- Initializing and Modifying Application State
- Leveraging the state hook and setState
- Synchronizing Input Element Values with State
Components: The Foundations of Modern Web Apps
- Defining Custom HTML Tags in React
- State, Props, and Events
- Data Flow Between Components
- Function Components vs. Class Components
- Utilizing hooks within Function Components
- Component Lifecycle Events (Mount, Update, Unmount)
- Incorporating Predefined Components from Libraries
Managing State with Redux
- Redux Fundamentals: Pure Functions, Reducers, and Immutable Data
- Using the Reducer Hook in React
- Integrating Redux into React Applications
- Presentational vs. Container Components
- The Broader Redux Ecosystem
- Handling Asynchronous Events with Thunk
- Retrieving Data from REST APIs
Developer Tools and Testing
- React Developer Tools
- Redux Developer Tools
- Testing JavaScript with Jest
- Testing Reducers
- Testing React Components
React Router
- Client-Side Routing
- Dynamic View Rendering Based on Browser Route
Application Development with React
- Brief Overview of React Native
- Building Installable Mobile and Desktop Apps via Progressive Web Apps
- Comparing Progressive Web Apps and Native Applications
Requirements
- HTML fundamentals
- Proficiency in JavaScript
Testimonials (7)
It was really good to finally get a solid understanding of some of the core concepts in React, especially things like the state and hooks. Łukasz provided really clear explanations of these, and was happy to experiment with worked examples to help clarify further questions that we had.
Hayden Pike - Powerlink Queensland
Course - React, Redux and TypeScript
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Course - React, Redux and TypeScript
It covered the basic components
Valentin
Course - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Course - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Course - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Course - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
