Course Outline
Development of modern front-end applications
- Overview of core concepts and commonalities among React, Angular, and Vue.js
- Declarative rendering paradigms
- Component architecture: defining reusable custom HTML elements
- Initializing React projects using create-react-app
Modern JavaScript
- Development workflows using Node.js and npm
- Evolution of JavaScript language specifications
- Module management and organization
- Function definitions and arrow syntax
- Class-based object-oriented programming
- Functional programming patterns in JavaScript (e.g., map, filter)
TypeScript
- Contrasting static and dynamic type systems
- Type declaration strategies for variables, functions, and classes
- Foundational data types
- Tuple and object typing
- Defining and using interfaces
- Implementing generics
React template language
- JSX: The JavaScript-based templating syntax
- Assigning and managing element attributes
- Iterative rendering of list items
- Conditional rendering logic (if/else)
- Event handling mechanisms
- Managing CSS classes and inline styles
Managing state in React
- Initializing and mutating application state
- Leveraging the useState hook and setState methods
- Synchronizing input element values with component state
Components: Building blocks of modern web applications
- Creating custom HTML components in React
- State management, props, and event propagation
- Data exchange patterns between nested components
- Comparing function-based and class-based components
- Integrating hooks within function components
- Lifecycle management (mount, update, unmount phases)
- Incorporating third-party component libraries
State management with Redux
- Redux fundamentals: State management via pure functions, reducers, and immutable data structures
- Utilizing the useReducer hook in React
- Implementing Redux integration in React applications
- Distinguishing between presentational and container components
- Exploring the Redux ecosystem and middleware
- Managing asynchronous operations using Redux Thunk
- Retrieving data from REST APIs
Developer tools and testing
- Utilizing the official React Developer Tools
- Using Redux DevTools for debugging
- Writing tests for JavaScript code with Jest
- Unit testing Redux reducers
- Component testing strategies in React
React Router
- Implementing client-side navigation
- Conditional view rendering based on browser URL routes
App development with React
- Introduction to React Native
- Building installable mobile and desktop applications via Progressive Web Apps (PWAs)
- Evaluating PWAs against native application approaches
Requirements
- Familiarity with core HTML structures
- Practical experience with JavaScript programming
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.
