50 posts tagged with "javascript"
How Pair Programming with AI Helped Me Build a React Star Wars Website
Posted on August 19, 2024In this article, I share what I learned by building a React Star Wars website using Hashnode's AI for pair programming. Discover the pros and cons of working with AI and how it enhances coding skills…
Read full postImplementing Dynamic Social Media Sharing in Your React App with React Share
Posted on July 29, 2024In this article, we explore the React Share library. You will learn how to integrate social media sharing buttons using React Router DOM, enhancing your React projects with dynamic, shareable content…
Read full postHow to Set Up Dynamic Routing with React Router
Posted on July 22, 2024Join me as I continue building a React website with the help of my Hashnode AI assistant! This article covers React Router, exploring dynamic routing, setting up routes, and navigating between pages…
Read full postBuilding Flexible React Components for Dynamic HTML Layouts
Posted on June 24, 2024Join me as I continue building a React website with the help of my AI assistant! This installment focuses on developing a dynamic News component that renders varying HTML layouts based on object data…
Read full postHow to Integrate a Carousel into React Applications
Posted on May 13, 2024In this article, I continue building a React website with the help of my AI assistant! Learn how to add a Carousel to your projects with the React Responsive Carousel library. Easier than anticipated…
Read full postHow to Integrate YouTube Videos into React Applications
Posted on March 04, 2024In this article, I continue building a React website with the help of my AI assistant! Learn how to add YouTube videos to your projects with the React YouTube library. It is easier than you'd think…
Read full postDeveloping a Dynamic Hamburger Menu in React: A Step-by-Step Guide
Posted on February 12, 2024Join me as I continue building a React website with the help of my AI assistant! This installment focuses on a Hamburger menu, which consists of two Lightsaber components that light up and form an X…
Read full postBuilding a Dropdown Menu in React: A Step-by-Step Guide
Posted on January 29, 2024Join me as I continue building a React website with the help of my AI assistant! This installment focuses on a dropdown menu, following best practices like component segregation and mapping functions…
Read full postA Guide to Better Code Organization in React through File Separation
Posted on January 22, 2024This article covers the essential file separation concept in React projects by effectively structuring code in separate files, enhancing your project's organization, readability, and maintainability…
Read full postLearn to Use Component Identifiers as Props for Rendering Various HTML Elements Dynamically
Posted on January 08, 2024In this article, I delve into a crucial concept in React: passing a component identifier as a prop to dynamically render different HTML elements. To demonstrate, I created a Star Wars card component…
Read full postJavaScriptmas 2023 - Week 4
Posted on December 25, 2023JavaScriptmas 2023 has come to an end! In this article, I'll wrap up the event by completing the remaining daily challenges and showcasing more work from others in the community highlights section…
Read full postJavaScriptmas 2023 - Week 3
Posted on December 18, 2023Tis the season! JavaScriptmas is here again! JavaScriptmas is a FREE annual festive coding event hosted by the online coding school Scrimba, consisting of 24 daily coding challenges, prizes, and more…
Read full postJavaScriptmas 2023 - Week 2
Posted on December 11, 2023Tis the season! JavaScriptmas is here again! JavaScriptmas is a FREE annual festive coding event hosted by the online coding school Scrimba, consisting of 24 daily coding challenges, prizes, and more…
Read full postJavaScriptmas 2023 - Week 1
Posted on December 04, 2023Tis the season! JavaScriptmas is here again! JavaScriptmas is a FREE annual festive coding event hosted by the online coding school Scrimba, consisting of 24 daily coding challenges, prizes, and more…
Read full postReact 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 postTeacher Feature: Christopher Lis
Posted on February 27, 2023Would you like to learn a high in demand programming language while having fun coding video games? Then let me introduce you to Christopher Lis, who teaches premium game development with JavaScript…
Read full postHow to Ace Your Technical Interview
Posted on February 20, 2023You've acquired the skills of a web developer, but will you pass your first interview? In this article, experienced hiring manager Kyle Tryon (TechSquidTV) prepares us to ace the technical interview…
Read full postJavaScript: How to Use the Chuck Norris API for Beginners
Posted on February 14, 2023Does Chuck Norris speak about himself in the third person? Well, he does when he hands out Valentine's Day cards! In this article, we learn how to use the Chuck Norris API by making hilarious VD cards…
Read full postiCodeThis: Improve Your Coding Skills With Free Daily Challenges
Posted on February 06, 2023The best way to improve your coding skills is to code daily. In this article, we look at iCodeThis, a new FREE platform that offers daily challenges to help you become the best developer you can be…
Read full postHow to Become a Full Stack Designer in 2023
Posted on January 23, 2023There is more to web development than programming, and having UI/UX design skills can give YOU a competitive advantage. In this article, expert Gary Simon tells us how to become Full Stack Designers…
Read full postAmazing Conferences for Developers in 2023
Posted on January 16, 2023As a developer, attending conferences is one of the best ways to level up your career. In this article, James Q Quick provides a curated list of 10 conferences we should look forward to in 202…
Read full postHow to Become a Web Developer in 2023
Posted on January 09, 2023The demand for programmers continues to rise, and there are plenty of FREE resources to learn how to code. In this article, Jesse Hall provides us with a road map to becoming a web developer in 202…
Read full postHow to Write a Recursive Function in JavaScript for Beginners
Posted on January 02, 2023Whether you're preparing for a coding interview or would like to learn about recursion, in this article, Full Stack Developer Daniel Nagaoka teaches us how to write a recursive function in JavaScript…
Read full postJavaScriptmas 2022 - Issue 4
Posted on December 26, 2022The post-JavaScriptmas 2022 post! This article concludes Scrimba's annual 24-day holiday event! I cover the remaining challenges with detailed solutions, more community highlights, and the Livestream…
Read full postJavaScriptmas 2022 - Issue 3
Posted on December 19, 2022JavaScriptmas is almost over, but there is still time to get in on the fun! I cover the event in this article series by completing each daily challenge, providing solutions, and featuring others…
Read full postJavaScriptmas 2022 - Issue 2
Posted on December 12, 2022❄ JavaScriptmas continues! I cover the event in this article series by completing each daily challenge providing detailed solutions, and featuring others' works in the community highlights section…
Read full postJavaScriptmas 2022 - Issue 1
Posted on December 05, 2022Tis the season to be coding! JavaScriptmas time is here again! JavaScriptmas is a FREE annual festive coding event hosted by the online coding school Scrimba. From December 1st to the 24th, new…
Read full postJavaScript: How to Use the Star Wars API for Beginners
Posted on May 04, 2022May 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 the information on a vanilla JavaScript website…
Read full postAnia Kubow: Building Tetris with JavaScript
Posted on March 21, 2022This article covers Ania Kubow's Tetris, consisting of HTML, CSS, and JavaScript, with no frameworks. The simple styling and gameplay leave plenty of room for enhancements, which I took to the max…
Read full postScrimba: JavaScriptmas 2021 - Issue 4
Posted on December 27, 2021The post-JavaScriptmas 2021 post! This article wraps up Scrimba's monumental 24-day event! All winners, community highlights, Livestream, Podcast, and new Scrimba YouTube celebrity teacher announced…
Read full postScrimba: JavaScriptmas 2021 - Issue 3
Posted on December 20, 2021The JavaScriptmas event continues! I recap Scrimba's Twitter Space "Tricky non-technical interview questions and answers," I document my solutions and highlight more fellow coders from the community…
Read full postScrimba: JavaScriptmas 2021 - Issue 2
Posted on December 13, 2021In this article, the JavaScriptmas event continues! Scrimba announces a new course, a new teacher, and a new Discord feature. I document my solutions and highlight fellow coders from the community…
Read full postScrimba: JavaScriptmas 2021 - Issue 1
Posted on December 06, 2021This article starts off the JavaScriptmas 2021 series! I will be documenting Scrimba's event in this series, including my challenge solutions, coverage of winners, and the Christmas Eve Livestream…
Read full post