React Digest #338: A complete guide to React Router: Everything you need to know

And more news, tutorials and articles about React in this week's issue.

#338 — January 10, 2022 View in browser

React Digest

Spread the word, build the community, share the knowledge – invite your friends.

sponsor

Track technical debt in your VS Code & JetBrains editors

Stepsize is an editor-first issue tracker for a healthy codebase. Create, view, and prioritise code issues, like technical debt and refactoring work, directly from your editor. Stepsize integrates with your existing tools like Jira, Slack, and GitHub, so you can track and address issues without context switching. Install the Stepsize VS Code or JetBrains extension.

this week's favorite

A complete guide to React Router: Everything you need to know

It’s probably no surprise to you that React Router is the most popular 3rd party library in the React ecosystem. In fact, during the last 6 months, React Router has been included in 44% of all React projects. This statistic alone is enough to declare React Router as essential knowledge for any serious React developer.

Building a Scrollspy and more using React and IntersectionObserver API

An IntersectionObserver is a utility in the native browser APIs which lets us check whether an element has intersected the viewport or any other ancestor.

React component testing

React Testing Library and Jest are provided out-of-the-box support with create-react-app and we do not need to install them separately. React Testing Library (RTL) is built on top of the DOM testing library, as in the tests will work with the actual DOM. This allows the tests to simulate the ways that users will interact with DOM, as closer as possible. It is super easy to use, provides an array of assertion methods (extended from Jest), user-events simulation and etc.

A Visual Guide to React Rendering Sandbox

Code Sandbox that you can use as an interactive companion to the articles.

Top 15 ideas for React apps that web devs can build in 2022

The best way to learn ReactJS is certainly through direct practice. If you’re convinced that ideas that have not been executed cost anything, then feel free to browse our list of React app ideas and finally put them to the test.

newsletters


© 2022 Bonobo Press
Would you like to advertise or post a job with us? Check out our latest media kit.
If you no longer wish to receive these emails, click to unsubscribe.

Older messages

React Digest #337: Debounce vs throttle

Sunday, January 2, 2022

And more news, tutorials and articles about React in this week's issue. #337 — January 03, 2022 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

React Digest #336: Modern API data-fetching methods in React

Sunday, December 26, 2021

And more news, tutorials and articles about React in this week's issue. #336 — December 27, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

React Digest #334: How to build stunning 3D scenes with React Three Fiber

Sunday, December 12, 2021

And more news, tutorials and articles about React in this week's issue. #334 — December 13, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

React Digest #333: React State Museum: A whirlwind tour of React state management systems by example

Sunday, December 5, 2021

And more news, tutorials and articles about React in this week's issue. #333 — December 06, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

React Digest #332: Learn React animations by creating a Stripe inspired menu

Sunday, November 28, 2021

And more news, tutorials and articles about React in this week's issue. #332 — November 29, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your