Course Outline
Building modern front-end applications
- Overview and commonalities of React, Angular, and Vue.js
- Declarative rendering concepts
- Components and the creation of custom HTML tags
- Initializing React projects with create-react-app
Modern JavaScript
- Development workflows using node.js and npm
- Evolving JavaScript versions
- Module management
- Standard functions and arrow functions
- Object-oriented programming with classes
- Functional programming patterns in JavaScript (map, filter, etc.)
TypeScript
- Differences between static and dynamic typing
- Type definitions for variables, functions, and classes
- Core data types
- Tuples and objects
- Defining interfaces
- Utilizing generics
React templating syntax
- JSX: the JavaScript-based templating language
- Configuring element attributes
- Rendering lists and repeating elements
- Conditional logic (if/else)
- Event handling
- Applying CSS classes and styles
State management in React
- Updating and modifying application state
- Leveraging the state hook and setState
- Capturing input element values into state
Components: The foundation of modern web apps
- Creating custom HTML tags in React
- Understanding state, props, and events
- Data flow between components
- Function-based and class-based components
- Integrating hooks in function components
- Component lifecycle methods (mount, update, unmount)
- Utilizing pre-built components from libraries
Global state management with Redux
- Redux fundamentals: state management via pure functions, reducers, and immutable data
- Implementing the reducer hook in React
- Incorporating Redux into React applications
- Distinguishing between presentational and container components
- The broader Redux ecosystem
- Managing asynchronous operations with Thunk
- Retrieving data from REST APIs
Developer tooling and testing
- Using React Developer Tools
- Leveraging Redux DevTools
- Testing JavaScript code with Jest
- Writing tests for reducers
- Testing React components
React Router
- Implementing client-side routing
- Switching views based on the current browser route
Application development with React
- Introduction to React Native
- Building installable mobile and desktop apps with Progressive Web Apps
- Comparing Progressive Web Apps with native applications
Requirements
- Foundational knowledge of HTML
- Practical experience with 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.
