Software Alternatives, Accelerators & Startups

How to learn all the things associated with react

Yarn Vite Prettier ESLint Redux.js react-context
  1. 1
    Yarn is a package manager for your code.
    Pricing:
    • Open Source
    2) I favour pnpm over npm. It's basically the same but faster. There's also yarn. Pick one that suits you better.

    #Developer Tools #Front End Package Manager #JS Build Tools 117 social mentions

  2. 2
    Next Generation Frontend Tooling
    Pricing:
    • Open Source
    5) Next you may want to use a new build tool. Webpack has been around forever but it's got a pretty steep learning curve and can be quite slow (fyi this is what create-react-app uses). Vite is relatively new, uses esbuild under the hood (which makes it really fast), and has templates you can use to scaffold a new React/TS app.

    #Software Development #Web Frameworks #Developer Tools 465 social mentions

  3. An opinionated code formatter
    Pricing:
    • Open Source
    7) Maybe then learn about linting your code so your code is consistent (or use Prettier if you want to take the hassle out of that - caveat lector: it's very opinionated, and you might not like the decisions it makes for you).

    #Developer Tools #JavaScript Framework #Code Coverage 290 social mentions

  4. 4
    The fully pluggable JavaScript code quality tool
    Pricing:
    • Open Source
    7) Maybe then learn about linting your code so your code is consistent (or use Prettier if you want to take the hassle out of that - caveat lector: it's very opinionated, and you might not like the decisions it makes for you).

    #Developer Tools #Code Coverage #Code Quality 269 social mentions

  5. Predictable state container for JavaScript apps
    Pricing:
    • Open Source
    7) I forgot state management of which there are many options: React's own context, [Recoil](recoiljs.org/), Redux, etc.... At this early stage I would start with context or perhaps Recoil.

    #Javascript UI Libraries #JS Library #Developer Tools 189 social mentions

  6. Context provides a way to pass data through the component tree without having to pass props down manually at every level.
    7) I forgot state management of which there are many options: React's own context, [Recoil](recoiljs.org/), Redux, etc.... At this early stage I would start with context or perhaps Recoil.

    #Javascript UI Libraries #Front-End Frameworks #JS Library 209 social mentions

Discuss: How to learn all the things associated with react

Log in or Post with