Course Outline
Building modern front-end applications
- An overview of React, Angular, and Vue.js, highlighting their shared characteristics
- Concepts of declarative rendering
- Defining components as custom HTML tags
- Initializing React projects using create-react-app
Contemporary JavaScript
- Development workflows with node.js and npm
- Evolutions in JavaScript versions
- Module management strategies
- Standard functions and arrow functions
- Class-based programming
- Functional programming techniques in JavaScript (e.g., map, filter)
TypeScript
- Contrasting static and dynamic typing
- Type declaration for variables, functions, and classes
- Core data types
- Tuples and object structures
- Defining interfaces
- Implementing generics
React templating language
- JSX: The JavaScript-based template syntax
- Configuring element attributes
- Iterating over lists of elements
- Conditional rendering (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
- Synchronizing input element values with state
Components: The building blocks of modern web apps
- Creating custom HTML tags within React
- Managing state, props, and events
- Data flow patterns between components
- Differences between function components and class components
- Utilizing hooks within function components
- Component lifecycle phases (mount, update, unmount)
- Incorporating pre-built components from libraries
Global state management with Redux
- Redux fundamentals: Pure functions, reducers, and immutable data for state management
- Applying the reducer hook in React
- Integrating Redux into React applications
- Distinguishing between presentational and container components
- Exploring the broader Redux ecosystem
- Managing asynchronous actions with Thunk
- Retrieving data from REST APIs
Developer tooling and testing
- Using React Developer Tools
- Leveraging Redux Developer Tools
- Testing JavaScript code with Jest
- Unit testing reducers
- Testing React component behavior
React Router
- Implementing client-side routing
- Rendering distinct views based on browser routes
Application development with React
- Introduction to React Native
- Building installable mobile and desktop applications via Progressive Web Apps
- 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.
