What
You’ll Learn
You’ll Learn
- Build web applications with React JS using Hooks
- Typescript
- Redux
- Create components library with the Storybook and CSS-IN-JS
- Dive deeply into configurations of applications with Webpack + Babel
- Learn about TDD
- TLD and apply this knowledge using Jest
- React-Testing-Library and Stryker-Mutator
Requirements
- JavaScript + HTML + CSS fundamentals are required
- Basic programming skills are required
- ES6+ JavaScript knowledge is good but not necessary
Description
React is the most popular library for building frontend web applications. Step-by-step by diving into all the basics, I’ll introduce you to advanced concepts as well.
We’ll build the minesweeper application from scratch:
-
setup of the development environment
-
configuration of the React JS app
-
basic algorithms of Minesweeper
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 with test cases, it provides you with guarantees that your code works as you expected. This is the purpose and benefit of the tests.
Tools for testing: Jest, Stryker, React Testing Library
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 provide us with a full components spec. This approach is called Components Driven Development.
CSS-IN-JS, EmotionJS, and Styled-Components are very powerful toolkits to build UI components. Even very complex component styles can be easily produced and supported by it.
We’ll introduce you to React Hooks – it’s the basic way to make dynamic UI for the applications.
We’ll make review React Router v5 and also React Router v6.
GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub. Make code reviews, branch management, and issue triaging work the way you want. We create our deployment workflow!
Last but not least it’s Redux. Redux is a beautiful way to manage an application state. We’ll use the Redux-Toolkit library – it simplifies the work with Redux.
Check out the full curriculum and free preview videos. Join the course risk-free with a 30-day money-back guarantee!
See you on the course!
Who this course is for:
- Students who want to learn how to build complex web application
- Anyone who want to learn React by Hands-On way based on good examples
- Students who want to take development skills to the next level
🔝
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
Infos:
Are you thinking about upgrading your home security systems?
It's a wise investment, especially in today's world. With crime rates on the rise, ensuring the safety of your loved ones and property is paramount. But where do you start? Well, let's break it down.
Firstly, consider consulting with a reputable personal injury lawyer. Accidents happen, and having legal protection in place can provide peace of mind. Whether it's a slip and fall incident or a car accident, having a legal expert on your side can make all the difference.
Once you've addressed your legal concerns, it's time to focus on your financial security. Exploring options like mortgage rates and personal loans can help you achieve your goals. Maybe you're considering a home renovation project or even looking into real estate investment opportunities. Whatever your financial aspirations, having the right information at your fingertips is crucial.
Now, let's talk technology. Cloud computing services are revolutionizing the way businesses operate. Whether you're a small startup or a multinational corporation, leveraging the power of the cloud can streamline your operations and enhance productivity. And don't forget about cybersecurity. With the increasing prevalence of cyber threats, investing in antivirus software is non-negotiable.
Of course, amidst all the hustle and bustle, it's essential to take care of your health. Health supplements can bolster your immune system and keep you feeling your best. And if you're considering cosmetic surgery, be sure to do your research and consult with a reputable provider.
Finally, let's not forget about relaxation and recreation. Planning a luxury vacation or a cruise getaway? Don't overlook the importance of travel insurance. It's a small investment that can save you a lot of hassle in the long run.
In conclusion, whether you're prioritizing your safety, financial security, technological advancement, health, or leisure, there are plenty of options available to you. By making informed decisions and seeking expert advice when needed, you can navigate life's challenges with confidence and ease Continue reading...: Click Here