Configure your React + Vite Application for Tailwind CSS
Introduction Tailwind is a sizable collection of tiny CSS utility classes for rapidly and reliably creating attractive websites. Frameworks like Antd, Bootstrap and Material Design have high-level components like buttons, cards, grids, menus and forms to create different components, Tailwind provides a more practical approach by giving you utility classes that can be used to create components similar to these. This approach gives you significantly more creative freedom than other CSS frameworks while still sticking to...
Publishing a React website on AWS with AWS amplify and AWS CloudFront with Custom Domain (Part 2)
This post is a part of the series which will help you publish your React based project/website on AWS using AWS Amplify and AWS CloudFront. This part will walk you through the steps to setup AWS CloudFront so that you can access your website using any domain of your own. If you want to learn about how to upload your React project on AWS using AWS Amplify or if you just want to follow along with...
Publishing a React website on AWS with AWS amplify and AWS CloudFront with Custom Domain (Part 1)
In the modern world, we are very much dependent on the internet. And one of the best ways to reach a person is via a website. It’s very easy to build websites using React. But most of the time, people find it hard to deploy the website on a reliable service where there is almost zero downtime and which is very cost-effective. AWS can provide us those features. Anyone can deploy any react project on AWS...
Implementing a global store using React Context and Hook patterns: Part 1
‘Prop Drilling’ through the React component tree is one of the worst nightmares for developers. For those who don’t know what prop drilling is, it’s the process of passing down data/methods from parent to children within a long hierarchy. It’s not a problem when the tree is small, with one or two-level. But when the React component gets larger, it’s troublesome to keep track of all that ‘life-altering’ props. To solve prop drilling and some related problems,...
