Course Outline
Development of modern front-end applications
- Comparative overview of React, Angular, and Vue.js
- Declarative rendering concepts
- Components and the definition of custom HTML tags
- Initializing React projects using create-react-app
Modern JavaScript
- Development workflows with node.js and npm
- Evolution of JavaScript versions
- Working with ES modules
- Standard functions and arrow functions
- Class-based syntax
- Functional programming techniques (map, filter, etc.)
TypeScript
- Differences between static and dynamic typing
- Type declarations for variables, functions, and classes
- Core data types
- Handling tuples and objects
- Defining interfaces
- Utilizing generics
React template language
- JSX: the JavaScript-based templating language
- Configuring element properties
- Iterating over elements
- Conditional rendering (if / else)
- Event handling
- Managing CSS classes and styles
Managing state in React
- Initializing and updating application state
- Leveraging the state hook and setState
- Synchronizing input element content with state
Components: Building blocks of modern web applications
- Implementing custom HTML tags in React
- Understanding state, props, & events
- Data flow mechanisms between components
- Distinguishing between function and class components
- Applying hooks within function components
- Component lifecycle phases (mount, update, unmount)
- Integrating pre-built components from libraries
State management with Redux
- Core Redux concepts: pure functions, reducers, and immutable data
- Implementing the reducer hook in React
- Embedding Redux within a React application
- Separating presentational and container components
- The broader Redux ecosystem
- Managing asynchronous actions with Thunk
- Data retrieval from REST APIs
Developer tools and testing
- Utilizing React developer tools
- Using Redux developer tools
- Unit testing JavaScript with Jest
- Testing Redux reducers
- Testing React component logic
React Router
- Client-side routing strategies
- Switching views based on the current browser route
App development with React
- Introduction to React Native
- Building installable mobile and desktop apps via Progressive Web Apps
- Evaluating Progressive Web Apps versus 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.
