Course Outline
Development of modern front-end applications
- comparative overview of React, Angular, and Vue.js frameworks
- principles of declarative rendering
- component architecture and custom HTML element definition
- project initialization using Create React App for government environments
Modern JavaScript
- development workflows with Node.js and npm
- evolution of JavaScript standards
- module implementation strategies
- functional definitions and arrow syntax
- class-based structures
- functional programming techniques (map, filter, etc.) for data manipulation
TypeScript
- differences between static and dynamic typing systems
- type declaration for variables, functions, and classes
- fundamental primitive data types
- tuples and object structures
- interface definitions
- generic type usage
React template language
- JSX: JavaScript-based templating syntax
- configuration of element attributes
- iterative rendering of elements
- conditional logic implementation
- event handling mechanisms
- CSS class assignment and inline styling
Managing state in React
- mechanisms for initializing and modifying application state
- utilization of the state hook and setState method
- capture and management of user input values within state
Components: Building blocks of modern web applications
- definition of custom HTML tags within React components
- integration of state, props, and event handlers
- data transmission protocols between components
- distinction between function-based and class-based component models
- application of hooks in function components for government applications
- component lifecycle stages (mount, update, unmount)
- integration of pre-built library components
State management with Redux
- Fundamental Redux concepts: state management via pure functions, reducers, and immutable data structures
- implementation of the reducer hook within React
- Redux integration protocols for React applications
- separation of presentational and container component logic
- overview of the Redux ecosystem
- asynchronous action handling using Thunks
Developer tools and testing
- utilization of React Developer Tools
- utilization of Redux Developer Tools
- unit testing strategies with Jest
- testing methodologies for reducers
- test automation for React components
React Router
- client-side navigation routing
- dynamic view rendering based on browser URL paths
App development with React
- summary of React Native capabilities
- deployment of Progressive Web Apps for installable mobile and desktop access
- comparison of Progressive Web Apps versus native application performance and features
Requirements
- Foundational understanding of HTML standards.
- Professional proficiency in JavaScript for application development.
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.
