React

React posts, videos, courses, and more

TechvBlogs · 4 weeks ago

How To Install React in Laravel 9 with Vite

Laravel has just released “laravel 9.19” with a major change. There is no more webpack.mix.js file in the laravel root in the place of the webpack.mix.js file vite.config.js file is introduc...
8

Vladimír Macháček · 1 month ago

Style your React.js website faster with Stylify CSS

Stylify + React.js + Vite.js. Style your React.js website faster with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get generated CSS with advanced optimization for prod...
4

TechvBlogs · 1 month ago

Build a Basic CRUD App with Laravel 9 and React.js

What is React.js? React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual de...
4

Vladimír Macháček · 1 month ago

Style your Next.js website faster with Stylify CSS

Style your Next.js website faster, more efficiently and intuitively with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get automatically generated CSS with advanced opti...
1

Kaushal Joshi · 1 month ago

How to Add Script Tags in React

Using third party libraries is very common while developing apps for the web. The usual way is to install the NPM package of the library and import it for your use. But sometimes, the NPM pa...
3

TechvBlogs · 1 month ago

How to Loop in React JSX

React allows you to easily write JavaScript code inside your components. This makes it easy for any developer to comfortably handle common programming techniques in React, such as looping th...
5

Sachin Chaurasiya · 1 month ago

TypeScript Utility Types: The 6 Most Useful

I have been working with typescript for almost a year now, and I have learned and implemented a lot in this time. Among the things, I enjoy most about typescript are the utility types that a...
3

Avneesh Agarwal · 1 month ago

How not to write clean code in React? 🧹

Introduction Wassup everyone, long time no see. Today we will see a few ways to not clean code in React, let's jump right into it! 10 ways to not write clean code Not use a linter Who needs...
3

dastasoft · 2 months ago

How to get cool animations in your React projects

In this guide we will apply Framer Motion animations to a basic example project to enrich the user experience with animations. The project is made with Next and TypeScript, but you can apply...
2

Tapas Adhikary · 2 months ago

Introducing ReactPlay - Learn, Create, Share ReactJS projects

If I tell you React(aka ReactJS) is one of the leading user interface technology(ok, library) in web development, would you believe it? Most of you will. For the rest of you, let me put forw...
6

Anish De · 2 months ago

Make a beautiful Connect Wallet Button with RainbowKit and React

Authentication in Web3 is extremely easy but supporting all the wallets and making a nice UI can be painful and time-consuming. Thankfully, there are many libraries which makes this extremel...
1

Dhairya Shah · 3 months ago

How to make responsive font size in CSS?

We usually talk about the Responsive design and images on the web. Have you are thought of making fonts, the core part of the website responsive? Don't worry if you haven't, in this article...
3

Anish De · 3 months ago

Making a blog with Directus, MDX, and Next.js On-Demand ISR

There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with Directus and Next.js. We will use MDX to store o...
4

Arnab Roy Chowdhury · 3 months ago

21 Best React Component Libraries To Try In 2021

If you are in IT, you must constantly upgrade your skills no matter what’s your role. If you are a web developer, you must know how web technologies are evolving and constantly changing. Rea...
1

Dhairya Shah · 4 months ago

How to disable right-click on your website?

Disabling right-click on websites provides basic security so that people don't save images and copy links and text. Today, in this article I will show you how you can also disable right-clic...
3

Tapas Adhikary · 4 months ago

ReactJS Virtual DOM and Reconciliation - Explain Like I'm Five

What is DOM? DOM stands for Document Object Model. HTML is the language of web pages. It provides the web page structure with many specialized tags, including the way to link multiple pages...
5

Dhairya Shah · 4 months ago

How to make a custom text selection color?

Introduction So are you sick of the default text selection color? I am, so today we're going to override the default color with one that's a lot more attractive. It will be readily apparent...
4

Teri Eyenike · 4 months ago

Data Visualization Using Chart.js and Gatsby

Data visualization is a way of presenting large unorganized datasets in an organized and valuable way. Data representation can take on many different forms like charts -  bar, pie, doughnut,...
5

Dhairya Shah · 4 months ago

CSS Box shadow v/s Drop shadow

Shadows are a critical function in the world of web design and can serve a number of useful functions. Shadows add depth, dimensionality, and direction to your content. There are two propert...
4

Dhairya Shah · 4 months ago

How to set the HTML lang attribute in Next.js?

What is HTML lang Attribute? The HTML lang attribute is used to identify the language of the content on the web and, when you've got an international audience say for example Spanish and Eng...
3

Tapas Adhikary · 4 months ago

React useEffect Hook usages you must know

React is a JavaScript-based user interface library. React components are isolated reusable pieces of code logic with their own UI. Multiple components come together to create a meaningful wo...
2

Dhairya Shah · 4 months ago

How to make a beautiful gradient scroll bar with CSS

Introduction In this article, we will explain how to make a custom scrollbar in CSS. Custom scrollbar using CSS is a very useful and important thing for a website. It makes the website more...
6

Dhairya Shah · 5 months ago

Let's make a Sponsor page with Next JS and Stripe

Today, let's build a sponsor page with Next JS and Stripe. Wish you all the best 🙌 Introduction Next JS - Next.js is an open-source web development framework built on top of Node.js enabling...
2

Dhairya Shah · 5 months ago

Do you know history.back() in JavaScript?

So, we all surf the internet to watch YouTube videos and Stackoverflow and many more. And we usually click "←" this button to go back to the previous website. Do you know? You ca...
3

Dhairya Shah · 5 months ago

Let's make a sticky navbar in both Vanilla & Tailwind CSS

Many of us have noticed, a sticky navigation bar on many websites including this blog... Here in the GIF, as you can see Navbar is fixed to the top of the page. The only purpose of keeping...
5

Dhairya Shah · 5 months ago

It's 2022, don't use the console.log(😎)

We as Javascript developers usually console.log() stuffs to test the output or just for fun. Even, I can bet that our (include me ✌️) first code was "Hello world" logged in the con...
3

Rahul · 5 months ago

what is webpack | shorts

Webpack is a static module bundler for modern JavaScript applications. It creates a dependency graph to map every module the project needs and generated one or more bundles. The core concept...
2

Rahul · 5 months ago

portals in React | shorts

Portals are provided by ReactDOM and it is a way of rendering children into a DM node that exists outside the DOM hierarchy of the parent. To simplify, we can render an element into a div ev...
1

GeekTech · 5 months ago

5 packages to level up your React code

Howdy Geeks! 👋 As a React developer, your work is to build high-quality JavaScript code. Programming is a difficult task. Indeed, you are expected to produce high-quality code while also ens...
2

Rahul · 5 months ago

some() method explained

The some() method tests whether at least one of the elements in the array passes the test implemented by the provided function. The result of the some() method is a boolean. Let's see the sy...
4

Loading More Content