Bootstrap is open source library for building a frontend UI. — Fresh is a new framework created and maintained by deno. Deno is an alternative for node.js. Bootstrap is a famous utility library for building frontend UI in websites. The Fresh framework does not provide a custom layout app( _app.tsx). All the code is available on GitHub, and check out the…

Pico CSS is a minimal and easy-to-use CSS framework for beginners and pro developers. — Pico CSS is a minimal CSS framework for semantic HTML. The significant benefit of using Pico CSS, you do not need to write a single line of a CSS class. You write only an HTML tag. <nav> <ul> <li><strong>Rajdeep Singh</strong></li> </ul> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav>

Deploy the nextjs app on the GitHub page with copy-paste code. — Deploying the nextjs app on GitHub pages needs to be clarified for beginners. I had no idea when I first deployed the nextjs app on the GitHub page. …

You create a nextra-based markdown blog without writing a single line of code. — Now day nextjs has gained lots of popularity in the javascript world. You can create anything with nextjs. But there is one problem if you make a simple portfolio blog with nextjs. It would not help if you had a written lot of code for a simple blog. The solution…

Use tailwind CSS in deno without installing any nodejs and deno package. — Deno is the next future for development; you can build anything with deno; deno has started to increase a big development community and provide extensive infrastructure for developers worldwide. Deno, a recently released new framework called fresh framework. …

Learn javascript loops with reactjs by examples. — Javascript comes with a bunch of loops, for example, for loop, for in, for of, while loop, do while, map(), and forEach(). The most common loops you see in reactjs map() and forEach(). Why do not people use different loops in reactjs? In my article, You can learn how to…

Handling default Props in reactjs — defaultProps is a unique way to handle props in reactjs and a time saver. I recently found it, and when I start using it. I would never be imagined it would be so helpful to me. All the code is available on GitHub and checks a live demo. What is defaultProps? According to…

Tailwind CSS is the future of web designing — Tailwind CSS does not come with ready-made components like bootstrap. another hand, tailwind CSS is a utility-first CSS framework. The simple meaning of that it provides a bunch of classes and removes unused styles (classes) in the production. There are tons of libraries that help to provide a ready-made component…