React TL;DR – a human filter for most useful React content.

  • Mariusz Marcak

    How To Use Styled-Components In React

    Why Styled Components?   Apart from helping you to scope styles, styled components include the following features:   Automatic vendor prefixing You can ...

    How To Use Styled-Components In React
  • Mariusz Marcak

    Five common mistakes writing react components (with hooks) in 2020

    Using useState when no rerender is needed Using router.push instead of a link Handling actions via useEffect Single responsibility components Single responsibility useEffects ...

    Five common mistakes writing react components (with hooks) in 2020
  • Mariusz Marcak

    Next.js 9.5 Released!

    Introducing Next.js 9.5, featuring: Stable Incremental Static Regeneration Customizable Base Path Support for Rewrites, Redirects, and Headers Optional Trailing Slash in URLs Persistent ...

    Next.js 9.5 Released!
  • Mariusz Marcak

    7 Reasons React Native is Going to Be BIG in 2021

    Minimized Development Time & Cost Simple & Easy Maintenance Reusable Dynamic Platform Components Easier cross-device user experience Easy third-party integrations Hot Reloading Feature ...

    7 Reasons React Native is Going to Be BIG in 2021
  • Mariusz Marcak

    Khan Academy – Our Transition to React Native

    The initial experiment with React Native in 2017 was motivated by a few factors: The design of iOS and Android apps were nearly ...

    Khan Academy – Our Transition to React Native
  • Mariusz Marcak

    What’s New In DevTools (Chrome 83)

    Emulate vision deficiencies Emulate locales Cross-Origin Embedder Policy (COEP) debugging New icons for breakpoints, conditional breakpoints, and logpoints View network requests that set ...

    What’s New In DevTools (Chrome 83)
  • Mariusz Marcak

    Announcing React Native for macOS and more

    New Features from React Native 0.62, like Appearance and useColorScheme() hooks Visual Studio V142 build tools are now used Better RTL support New ...

    Announcing React Native for macOS and more
  • Mariusz Marcak

    15 React Best Practices You Need to Follow in 2020

    🐛 Keep components small and function-specific ♻️ Reusability is important, so keep creation of new components to the minimum required 🤝 Consolidate duplicate ...

    15 React Best Practices You Need to Follow in 2020
  • Mariusz Marcak

    What the heck is React Fast Refresh

    React Fast Refresh is the successor of React Hot Loader.   “React-Hot-Loader has been your friendly neighbour, living outside of React. But it ...

    What the heck is React Fast Refresh
  • Mariusz Marcak

    A Critique of React Hooks

    “If I were starting a new react project today I would still use them despite all these flaws. However, that doesn’t make them ...

    A Critique of React Hooks