Why should we learn Tailwind CSS?

jalishmahmud — Sun, 24 Apr 2022 21:03:51 +0000

As per official Tailwind CSS documentation, Tailwind CSS is a highly customizable, low-level CSS framework that allows you to custom-build designs eliminating opinionated component styles that you would anyway want to override.
Beautiful custom user interfaces can be effectively built using CSS without actually putting in much coding effort. Being a utility-first framework, Tailwind CSS renders the leverage of styling every component distinctively, the way you desire.
Adapting the “form follow function”, the name of the utility class predicts the exact function of that class for ease in designing. Tailwind combines the most critical CSS properties which can be customized and extended according to project requirements.

Why Use Tailwind CSS?

There’s a lot that goes on in web development. It can sometimes, thus, become an overly complicated task. Mapping the impact of styling might become tedious and time-consuming hampering the progress of the application/website.
Implementing Tailwind CSS will eliminate all the above-mentioned issues. Tailwind CSS creates small utilities with a defined set of options enabling easy integration of existing classes directly into the HTML code. Custom styling can be provided to the components with the help of this framework.

Advantages of Using Tailwind CSS

Now that you are familiar with the what and why of Tailwind CSS, let’s take a look at some of its most prominent advantages.

Highly Customizable: Tailwind CSS is a highly customizable framework. Although it comes with a default configuration, it is simple to override it with a tailwind.config.js file.
Common Utility Patterns: Eliminate the hassle of naming classes with Tailwind CSS. The availability of common utility patterns solves numerous problems like specifying classes, organizing them, cascading them, and much more.
Can Be Optimized Using PurgeCSS: A major advantage of Tailwind CSS is that optimization can be performed using PurgeCSS. PurgeCSS can reduce the file size considerably by scanning the HTML and removing unused classes.
Enables Building Complex Responsive Layouts Freely: The Tailwind CSS framework uses a default mobile-first approach. The availability of utility classes makes it easier to build complex responsive layouts freely.
Facilitates Fluid Community Interaction: Stuck with an unsolvable issue? The Tailwind CSS community can be the perfect solution. Become a part of this community and get comprehensive assistance from fellow users as and when required.

Should You Learn Next.js as a React Developer?

jalishmahmud — Fri, 15 Apr 2022 15:18:12 +0000

All React Developers know that React is one of the most popular solutions out there for building large skill interactive web applications.

Nowadays, React JS is used by many startups and companies, so it is a very valuable skill to have.

I discovered Next.js a couple of months back, and was intrigued with what it was trying to accomplish.

In this post, I'll describe my personal journey with Next.js also will let you know how come you will be benefited with Next.js

What Next.js?

According to next JS website, it is a React Framework
for Production that gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route prefetching, and more. No config needed.

The best thing about next JS:

-Best SEO practices
-Caching and Automatic Static Optimization built-in
-Fully server-rendered pages
-100% React support
-Lambda function support (API routes)
-Fine tweak your webpack/babel config if needed
-And much more!

Some Next.js features I am excited about

Next.js is evolving really fast. They deprecate old functionalities and introduce shiny new things all the time.

Here are some of my top picks why you should use next JS

Stable Incremental Static Regeneration
Webpack 5 Support
Dropping of getInitialProps
Persistent Caching for Page Bundles
Out of the box support for Sass Modules and TypeScript

I am very excited to learn more about the Next JS. Thank You!