Learn React by Building a Gradient Generator App

Поділитися
Вставка
  • Опубліковано 12 вер 2024
  • In this tutorial, you'll learn how to build a gradient generator app using React. We'll be using the Vite framework to quickly scaffold our React project, and React Syntax Highlighter to make the output CSS more readable. We'll also be adding a copy-to-clipboard functionality using React Copy to Clipboard, and using React Icons for some visual flair. By the end of this tutorial, you'll have a fully-functional gradient generator app that outputs CSS code that you can use in your own projects. This video is perfect for beginners who are interested in learning how to use React, as we'll be walking through the entire process step-by-step.
    👨‍💻Code:
    github.com/can...
    🔗Source:
    [React Syntax Highlighter] github.com/rea...
    [react-copy-to-clipboard] github.com/nkb...
    [React Icons] react-icons.gi...
    [Vite] vitejs.dev/guide
    🚀Live:
    color-flow-fiv...
    👋🏻Contact Me:
    canddev.vercel...
    🌎 Find Me Here:
    Instagram : / candra_kriswinarto
    GitHub: github.com/can...
    Linkedin: / candra-kriswinarto
    #programming

КОМЕНТАРІ • 8

  • @anonymous_dev9472
    @anonymous_dev9472 Рік тому

    Nice short tutorial.

  • @CopperEngineerEs
    @CopperEngineerEs Рік тому

    Good tutorial. Loved it ❤

  • @RianY2K
    @RianY2K Рік тому

    Thank you for tutorial

  • @ZorosSD
    @ZorosSD 5 місяців тому

    Hello, I liked the video, I wanted to make an application like this. I didn't know if I should use Next.js or Vite, what do you recommend for this case?

  • @kisnaknugroho1801
    @kisnaknugroho1801 Рік тому

    nice mas

  • @killshotxdgaming9297
    @killshotxdgaming9297 Рік тому

    Great share sir 😁 please bring more react, firebase full stack app with payment gateway 😢

    • @CandDev
      @CandDev  Рік тому +1

      Nice project idea, I will create that soon