All tags

React

17 posts tagged React.

  1. Watch
    Video

    Easy Customizable Star Rating Component in React

    Build a reusable star rating component in React that supports custom icons, colors, and sizes. No external libraries needed—just pure React with full customization options for any rating use case.

  2. Watch
    Video

    Address Search with React and Mapbox API

    Learn how to build an address search component with autocomplete and geocoding using React and the Mapbox API. This step-by-step tutorial covers API setup, creating autocomplete suggestions, and displaying locations on an interactive map.

  3. Watch
    Video

    Comic Book App With Marvel API and React

    Build a searchable comic book library using the official Marvel API. Search for characters, browse their comic appearances, and view detailed comic information—perfect for learning API authentication and React state management.

  4. Watch
    Video

    Radio Player App in React

    Build a radio player app that lets users browse and stream stations by genre using a free radio API. Learn how to integrate third-party APIs and audio playback in React.

  5. Watch
    Video

    Infinite Pomodoro App in React

    Build a simple Pomodoro timer in React that automatically cycles between work and break sessions. A beginner-friendly project for learning useState, useEffect, and interval management.

  6. Watch
    Video

    Building Meal Planning App with React and Spoonacular API

    Build a meal planning app that generates daily meal plans based on calorie targets using React and the Spoonacular API. A beginner-friendly project for learning API integration and state management.

  7. 7 min read

    How to Integrate dev.to with Gatsby

    Cross-posting to dev.to? Learn how to pull reaction counts and comment numbers from dev.to into your Gatsby blog using a simple plugin integration. A quick way to add social proof to your static site.

  8. Watch
    Video

    Build Voice Navigation with React and Speech Recognition

    Explore how to add voice control to your React apps using the Web Speech API. This tutorial walks you through building a navigation menu that responds to voice commands—a practical introduction to speech recognition on the web.

  9. Watch
    Video

    Building a Task Management App in React

    Build a Trello-style task management app in React with status columns, localStorage persistence, and no external libraries. A practical project for mastering React state and component architecture.

  10. Watch
    Video

    How to build a Pixel Art Drawing App in React

    Build a fully functional pixel art editor in React. This tutorial covers dynamic grid generation, color picking, drawing mechanics, and exporting your creations as PNG images.

  11. Watch
    Video

    Build Simple Timeline in React

    Need a timeline for your portfolio to showcase work history, education, or projects? This tutorial shows you how to build one in React using a plugin that looks great out of the box with minimal setup.

  12. Watch
    Video

    How to build Instagram in React

    Practice React component architecture by recreating Instagram's home page. This project focuses on building reusable components for profile cards, story icons, and post layouts—great for understanding component composition.

  13. Watch
    Video

    How to build Netflix's Coming Soon page in React

    Recreate Netflix's mobile Coming Soon page for web using React. This project covers data rendering, state management for bookmarks, and building a modern share menu component.

  14. Watch
    Video

    Easy Dark Mode Switch with React and localStorage

    Add dark mode to your React app with this straightforward tutorial. Learn how to build a theme toggle component that persists user preferences using localStorage and CSS custom properties.

  15. 5 min read

    Translating React components

    Part of a multilingual website series. Learn how to translate reusable React components without duplicating code, using a data-driven approach that makes managing translations across languages simple and maintainable.

  16. 7 min read

    Building a language switch component in React

    Part of a multilingual website series. This tutorial covers building a language switch component that dynamically shows available language options and handles URL routing for each language version of your site.

  17. 3 min read

    Setting up page structure for a multilingual website

    Part one of a multilingual website series. Learn how to structure pages for multiple languages in Gatsby using the gatsby-plugin-i18n plugin for automatic route generation based on file naming conventions.