18 posts tagged with "react"
React Avatars: Creating a Versatile Component with Conditional Rendering and Custom Functions
Posted on November 13, 2023In this article, learn to develop a flexible Avatar component in React by employing conditional rendering and tailored functions, encompassing a random color generator, and displaying various avatars…
Read full postA Guide to React Children Props: Star Wars Button Tutorial
Posted on November 06, 2023In this article, discover React children props through a Star Wars button tutorial, including icons! Learn about component composition and create reusable, modular components for your unique projects…
Read full postHow to Integrate Font Awesome Icons into React Applications
Posted on October 30, 2023In this article, discover the versatile React Icons library, which allows you to integrate Font Awesome icons into your React applications and also create a React Footer component with social icons…
Read full postHow to Make a Confetti React Custom Hook
Posted on July 17, 2023In this week's article, we build a confetti React custom hook! You will learn state management, hooks, and the js-confetti library, equipping you with transferable skills for your original projects…
Read full postHow to Make a Best Dice Roll React Component
Posted on July 10, 2023In this article, we build a React best dice roll game component. From your main App file, you will learn how to pass game start and end props to control it and gain skills for your original projects…
Read full postHow to Make a Best Time React Component
Posted on July 03, 2023In this article, we build a React best time game component. You will learn how to work with the date-fns and UUID libraries, React hooks, and local storage, gaining skills for your original projects…
Read full postBuilding a Stopwatch App with React and date-fns
Posted on June 19, 2023In this article, we build a React stopwatch app. You will learn how to work with the date-fns library, React hooks, and local storage, equipping you with transferable skills for your original projects…
Read full postHow to Make a Countdown App with React and date-fns
Posted on June 12, 2023This article explores the date-fns library, a powerful and convenient tool for managing dates and times in your applications, featuring step-by-step instructions for creating a countdown React app…
Read full postLearn Local Storage in React: Create a Light and Dark Theme Switcher Application
Posted on May 29, 2023This week's article examines React local storage by creating a theme switcher application. We cover the basics, discuss the limitations, and demonstrate how to implement these concepts in a React app…
Read full postUnderstanding and Implementing Unique Keys in React
Posted on May 22, 2023This article unravels the mystery behind the "unique key" warning message often appearing in React projects. It discusses its importance and demonstrates how to add and create unique keys effectively…
Read full postReact: How to Use the Star Wars API for Beginners
Posted on May 04, 2023May the 4th be with you! In this article, to celebrate Star Wars Day, I learned and stepped through the process of using the Star Wars API to display information on a React website created with Vite…
Read full postUsing React useState Hook to Manage Object Props
Posted on April 24, 2023This week's article explores the powerful realm of the React useState hook! We create a player component, update specific object properties, and explain how to pass object props to child components…
Read full postCreating a True/False Toggle in React with useState Hook for Beginners
Posted on April 14, 2023In this article, we learn how to create a true/false toggle using the React useState hook, and then we create a component that addresses the age-old controversy of whether Han Solo shot first or not…
Read full postExploring React Props by Creating Star Trek Card Components
Posted on April 10, 2023After learning JavaScript, getting started with the React environment can feel like a strange new world. This article explores passing data with React props by creating Star Trek card components…
Read full postCreating a Travel Journal with React
Posted on April 03, 2023In this article, I solve Scrimba's React travel journal project, explain the new topics introduced, props, a data page, and JavaScript map, and I share problems I encountered and how to solve them…
Read full postCreating a Digital Business Card with React
Posted on March 27, 2023This article is a beginner-friendly guide on creating a digital business card with React, including how to structure and deploy it, which can impress potential employers with your growing skillset…
Read full postCreate a React Project, Push It to GitHub, and Deploy With Netlify, From the Command Line
Posted on March 20, 2023This article covers creating a React project, pushing it to GitHub, and deploying it with Netlify from the command line, which is excellent for getting your projects up and running quickly and easily…
Read full postHow to Create a Local React Environment with Vite
Posted on March 13, 2023You've worked hard to learn JavaScript. Are you now ready to start learning React? This article teaches how to create a local environment using Vite, providing a practical approach to practicing React…
Read full post