Uncategorized

Technology

Design

Development

Best Blogs of Blockchain Technology 

Blockchain

I am sharing all my secret React hacks that i often use in my web development workflow. It can not only make a developer's life easy but also helps to make code look better.

Write Less develop more.

We are going to learn about best React and NextJS hacks which i learnt during my web development cycle.

This method in React or NextJS is used to restructure the available object or array of objects. It can be used in several ways.


How to Remap Array of Objects or Objects to match required object structure?


Using this method we can shorten the text content without making any change to the original text.


How to truncate or slice off or shorten the text content without manually editing it in React. 
or 
How to add excerpt in description using React or NextJS


How to convert any input text to url friendly text.



This method can be used to separate text by any symbol but in this example we will be checking how to use comma to separate and iterate through the array to generate a list


How to generate list from comma separated text content


Multiple Data Fetching in one async function 

Using Helper function to generate Dynamic content based on input and using Template Literals.


How to Iterate without any dependency Array in React. Loop n times without for loop.


More Hacks will be added shortly. Stay Tuned

Top 100+ React/Next JS Hacks to boost productivity

Top 100+ React/Next JS Hacks to boost productivity

Comments ()

Add a Comment

Category

Tools

JOIN US

Follow Me On

Subscribe to our Newsletters

SUPPORT ME

Follow Me On