Course Outline
Building Modern Front-End Applications
- Comparative overview of React, Angular, and Vue.js
- Concepts of declarative rendering
- 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
- Managing modules
- Functions and arrow function syntax
- Class-based programming
- Functional programming paradigms (map, filter, etc.)
TypeScript Essentials
- Static vs. dynamic typing systems
- Typing variables, functions, and classes
- Core data types
- Tuples and object structures
- Defining interfaces
- Utilizing generics
React Template Language
- JSX: The JavaScript-based templating engine
- Configuring element attributes
- Iterating over lists to repeat elements
- Conditional rendering with if/else logic
- Event handling mechanisms
- Applying CSS classes and styles
State Management in React
- Initializing and modifying application state
- Leveraging the state hook and setState methods
- Synchronizing input element values with state
Components: The Foundations of Web Apps
- Implementing custom HTML tags in React
- Interactions between state, props, and events
- Data flow patterns across components
- Contrasting function components and class components
- Integrating hooks within function components
- Managing component lifecycle events (mounting, updating, unmounting)
- Incorporating pre-built components from libraries
Advanced State Management with Redux
- Core Redux concepts: managing state via pure functions, reducers, and immutable data
- Applying the reducer hook in React
- Seamlessly integrating Redux into a React stack
- Distinguishing presentational from container components
- Navigating the broader Redux ecosystem
- Processing asynchronous actions with Thunk
- Consuming data from REST APIs
Developer Tooling and Testing
- Utilizing React developer tools
- Leveraging Redux developer tools
- Writing JavaScript tests with Jest
- Unit testing reducers
- Testing React component behavior
Client-Side Routing with React Router
- Implementing client-side navigation
- Dynamically rendering views based on browser routes
Extended App Development with React
- Brief introduction to React Native
- Creating installable mobile and desktop applications via Progressive Web Apps (PWAs)
- Analyzing the differences between PWAs and native applications
Requirements
- Fundamentals 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
Łukasz patience
Stroila Adrian Emilian
Course - React, Redux and TypeScript
Machine Translated
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.
