Course Outline
Building Modern Front-End Applications
- An overview of React, Angular, and Vue.js, along with their similarities
- The concept of declarative rendering
- Components: how to define custom HTML tags
- Using create-react-app to bootstrap a new React project
Modern JavaScript
- Development workflows using node.js and npm
- Evolution and versions of JavaScript
- Working effectively with modules
- Functions and the use of arrow functions
- Object-oriented programming with classes
- Functional programming concepts in JavaScript (e.g., map, filter)
TypeScript
- Differences between static and dynamic typing
- Declaring types for variables, functions, and classes
- Understanding basic data types
- Working with tuples and objects
- Defining and using interfaces
- Utilizing generics
The React Template Language
- Introduction to JSX, the JavaScript-based template language
- Configuring element properties
- Techniques for repeating elements
- Implementing conditional logic (if / else)
- Handling events
- Applying CSS classes and styles
State Management in React
- Setting and modifying the application state
- Leveraging the state hook and setState
- Capturing input element values within the state
Components: The Building Blocks of Web Applications
- Creating custom HTML tags in React
- Understanding state, props, and events
- Managing data flow between components
- Differences between function components and class components
- Incorporating hooks into function components
- Navigating component lifecycle events (mount, update, unmount)
- Including predefined components from external libraries
State Management with Redux
- Core Redux concepts: state management via pure functions, reducers, and immutable data
- Utilizing the reducer hook within React
- Seamlessly integrating Redux into a React application
- Distinguishing between presentational and container components
- Exploring the broader Redux ecosystem
- Managing asynchronous operations with Redux Thunk
- Fetching data from REST APIs
Developer Tools and Testing
- Using 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 different views based on the current browser route
Application Development with React
- A brief overview of React Native
- Creating installable mobile and desktop applications using Progressive Web Apps (PWAs)
- 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.
