• In this section, you will learn how to get started with React.Β  You will learn how to structure your code, how to make the most of JSX and how to get your app up and running as pain-freeΒ as possible!

    LEARN MORE


  • This section contains is a list of tutorials that will teach you how to use certain NPM packages for React developers. In this section you will learn about:

    LEARN MORE

    πŸš€ Gatsby πŸš€ πŸš€ Stylized-components πŸš€ πŸš€ Qubit πŸš€ πŸš€ Storybook πŸš€ πŸš€ Redux πŸš€ πŸš€ React Helmet πŸš€

  • Design patterns describe ways of dealing with common issues that people face when building applications. A design pattern creates a common vocabulary that can help improve communication within the teams.

    LEARN MORE

    πŸš€ Container Patter πŸš€ πŸš€ Error Boundary πŸš€ πŸš€ Higher Order Components πŸš€

  • In this section, you will learn how to make async calls within React.Β  you will learn the basics, like how to get the data as well as some best-practice tips to enable you to write clean code,

    LEARN MORE

    πŸš€ Typescript πŸš€ πŸš€ APIs πŸš€ πŸš€ Teact Best Practices πŸš€

  • In this section, you will learn how to increase your React applications performance by measuring learning how to spot rendering bottlenecks and how to optimizing your components.Β  Performance is a big subject.Β  Some improvements can be solved using simple techniques.Β  Others may involve a huge rebuild of an application.Β  In this section will you find tutorials that will help you towards this.

    LEARN MORE

    πŸš€ Lazy Loading πŸš€

  • Writing tests can either be a quick 5 minute job, it can also be a few hours of hell.Β  The differentiator...Β  is mainly down to how the component has been written.Β  Β  For a lot of codebases that I come across, writing tests is usually harder than it needs to be.Β  Codebases that are hard to test, usually occur whenΒ the developers in the team think of tests as an afterthought.Β 

    I've been writing and code reviewing tests for over a decade.Β  Due to that experience I tend to naturally build my components in a test friendly way.Β  Some people reading this might be test-first evangelist and no developer should write code until a test has been written.Β  Β I do agree high-test coverage is an essential part of the development life-cycle, there are situations you just need to get somethings working, then refine it and write tests after you understand a problem is abetter approach.Β Β 

    In this section you will find code examples and tutorials that will help you to test your react components.

    LEARN MORE

    πŸš€ Jest πŸš€ πŸš€ Enzyme πŸš€ πŸš€ React-Testing-Library πŸš€

  • Components are the building blocks of any Reactapp and a typical React app will have many of these.Β In this section you will learn all about react components, how they are made and how you can build your own ones.

    LEARN MORE

    πŸš€ Props πŸš€ πŸš€ Functional Components πŸš€