Course Outline
Building modern front-end applications
- Overview and commonalities among React, Angular, and Vue.js
- Declarative rendering principles
- Components: Creating custom HTML tags
- Initializing a React project using create-react-app
Contemporary JavaScript
- Development workflows with node.js and npm
- Evolutions in JavaScript versions
- Handling modules
- Functions and arrow function syntax
- Class-based structures
- Functional programming concepts in JavaScript (map, filter, etc.)
TypeScript
- Static versus dynamic typing
- Defining types for variables, functions, and classes
- Foundational data types
- Tuples and objects
- Interfaces
- Generics
React templating with JSX
- JSX: A JavaScript-based templating language
- Assigning properties to elements
- Rendering lists of elements
- Conditional rendering (if/else)
- Event handling
- Applying CSS classes and styles
State management in React
- Initializing and updating application state
- Leveraging the state hook and setState
- Capturing input element values within the state
Components: The core building blocks of web apps
- Defining custom HTML tags within React
- State, props, and event interactions
- Data flow between components
- Distinguishing between function and class components
- Utilizing hooks in functional components
- Component lifecycle events (mounting, updating, unmounting)
- Incorporating predefined components from libraries
State management via Redux
- Redux fundamentals: Managing state with pure functions, reducers, and immutable data
- Employing the reducer hook in React
- Integrating Redux into a React application
- Differentiating presentational and container components
- The broader Redux ecosystem
- Managing asynchronous events with Thunk
- Retrieving data from a REST API
Developer utilities and testing
- React Developer Tools
- Redux Developer Tools
- Writing JavaScript tests with Jest
- Testing reducers
- Testing React components
React Router
- Client-side routing mechanisms
- Switching views based on the current browser route
Application development with React
- Brief overview of React Native
- Creating installable mobile and desktop applications using Progressive Web Apps
- Comparing Progressive Web Apps with native applications
Requirements
- Basic 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.
