Practical course, build frontend application with ReactJS, Typescript following by TDD
React
React Hooks
Webpack, Babel
Typescript
Jest
TDD, TLD
Stryker-Mutator
React Testing Library
CSS-IN-JS
Frontend
Storybook
Redux
Redux-Toolkit
javascript
HTML + CSS
Programming skills
React is the most popular library for building frontend web apps.
We’ll build the minesweeper application from scratch:
setup of the development environment
configuration of the ReactJS app
Step-by-step we’ll build the minesweeper game. During the course, we’ll cover the most important topics.
First will be a configuration of the ReactJS application with Typescript and using build tools Webpack+Babel.
Second there’re presented TDD or TLD approaches that I’ll try to practice with you during the coding sessions. Probably you don’t have enough experience with the tests, but it’s ok, there’s still a good way to learn it from the course. When you work with code and cover it by test cases, it provides you with garantees that your code works as you expected. This is the purpose and benifit of the tests.
Also, I’ll try to cover basic Typescript concepts and show you a way to improve these skills. During the coding sessions, we’ll cover advanced javascript techniques to make sense of commonly used JS features.
Storybook is the most popular way to build the components library. From our side it’s the most basic part of the course. We’ll install and configure Storybook, which will provides us with a full components spec. This approach is called Components Driven Development.
We’ll introduce you to React Hooks – it’s the basic way to make dynamic UI for the applications.
Last but not least it’s Redux. Redux its a beautiful way to manage an application state. We’ll use the Redux-Toolkit library – it simplifies the work with Redux.
See you on the course!
javascript developers curios about React
