Course Outline
Development of modern front-end applications
- Overview and comparisons between React, Angular, and Vue.js
- Concepts of declarative rendering
- Components - creating custom HTML tags
- Initializing React projects using create-react-app
Modern JavaScript
- Development workflows with node.js and npm
- Understanding various JavaScript versions
- Utilizing modules
- Functions and the use of arrow functions
- Implementation of classes
- Functional programming patterns in JavaScript (e.g., map, filter)
TypeScript
- Contrasting static vs dynamic typing
- Defining types for variables, functions, and classes
- Core data types
- Working with tuples and objects
- Defining interfaces
- Applying generics
React template language
- JSX: The JavaScript-based template language
- Configuring element attributes
- Rendering lists of elements
- Conditional rendering (if / else logic)
- Handling events
- Applying CSS classes and styles
Managing state in React
- Setting and modifying application state
- Leveraging the state hook and setState
- Storing input element content within the state
Components: Building blocks of modern web applications
- Defining custom HTML tags in React
- Managing state, props, and events
- Data flow mechanisms between components
- Differences between function and class components
- Utilizing hooks within function components
- Component lifecycle events (mounting, updating, unmounting)
- Integrating predefined components from libraries
State management with Redux
- Redux fundamentals: state management via pure functions, reducers, and immutable data
- Employing the reducer hook in React
- Integrating Redux into a React application
- Distinguishing presentational from container components
- Exploring the Redux ecosystem
- Managing asynchronous operations with Thunk
- Retrieving data from REST APIs
Developer tools and testing
- Utilizing React developer tools
- Utilizing Redux developer tools
- Testing JavaScript code with Jest
- Writing tests for reducers
- Testing React components
React Router
- Implementing client-side routing
- Displaying distinct views based on the current browser route
App development with React
- Brief introduction to React Native
- Creating installable mobile and desktop applications using Progressive Web Apps
- Comparing Progressive Web Apps with native applications
Requirements
- HTML basics
- 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.
