Read this article in dark mode 🌙, easily copy and paste code samples and discover more contents like this on Devjavu.

This tutorial assumes you have basic knowledge of React.js

Like Heroku, and other cloud hosting platforms, Render is a cloud application hosting platform for developers to deploy static sites and dynamic applications. It also offers a fully managed hosted database with internal and external connectivity. This makes it useful for both frontend and backend developers alike.

This is going to be a quick walkthrough on how to deploy React or Vue.js applications to Render and set up automatic deployment.

Getting Started

…

This article assumes you have basic knowledge of React or Vue.js. All the procedures here works for both React and Vue.js applications.

Deploying Frontend JavaScript applications with Heroku is a breeze, to say the least. This is mostly because Heroku takes away all of the hassles involved in the setup and just lets you deploy. Of course, this is different when you need to deploy backend applications as you’d be required to provision a database where applicable and include the credentials in environment variables. …

Read this article in dark mode 🌙, easily copy and paste code samples and discover more contents like this on Devjavu.

This article assumes you have basic knowledge of React or Vue.

Formerly Zeit, Vercel is another leading platform for deploying web applications easily. It’s no different from the likes of Heroku & Render except that Vercel is highly optimized for Javascript Frontend applications, particularly Jamstack apps.

Getting Started

Requirements:

• Nodejs setup
• Github account
• Vercel Account

We’ll run through each process in steps.

Step 1

Push your React or Vue Project to Github.

git add . && git commit -m "initial commit" && git…

The fastest way to get started with Tailwind CSS without Frameworks

Read this article in dark mode 🌙, easily copy and paste code samples and discover more contents like this on Devjavu.

Tailwind CSS is a Utility first CSS Framework for building modern user-friendly UI components. By Utility first, I mean Tailwind focuses on the singularity of CSS classes, making sure a single class does exactly one thing.

Want to give Tailwind CSS a spin but you’re not sure where to start? Let me show you.

Requirements

• Node.js v12 and above setup.
• Basic HTML and CSS knowledge.

In the installation guide…

Read this article in dark mode 🌙, easily copy and paste code samples and discover more contents like this on Devjavu.

Starting anything can be hard…I know. It’s even harder when you’re working a full-time job and intend to build a long-term side project. Perhaps reading this extensive breakdown of how we built and deployed Devjavu might make it easier for you to get started on your next side project. Let’s get down to the details.

What’s Devjavu, you ask?

Devjavu is a self-hosted blog for exploring practical software development articles. …

Read this article in dark mode, easily copy and paste code samples and discover more contents like this on Devjavu.

This post assumes you have basic knowledge of Javascript and Vue.

Single-Threaded JavaScript

As a single-threaded programming language, Javascript can only perform a single set of instructions at a time. This means that every other process has to wait for one instruction to complete before the next process is executed.

This would pose a speed problem in our web application if we had to carry out heavy processes and also want the user to still be able to interact with our application…

Read this article in dark mode, easily copy and paste code samples and discover more contents like this on Devjavu.

This post assumes you have beginner to intermediate JavaScript & Vue knowledge, have heard of, or have basic knowledge of preprocessors.

It’s already old news by now that Vue has a very small learning curve that allows any or almost anyone to jump right into learning with little or no hiccup. Vue’s out of the box support for preprocessors also adds to this easy learning curve.

You might be coming from an SSR (Server Side Rendering) background, where views are…

Read this article in dark mode, easily copy and paste code samples and discover more contents like this on Devjavu.

Laravel’s scaffolding for both frontend and backend development has evolved in the past couple of version releases. For example, when scaffolding authentication in Laravel 4 & 5, we’d use the good old “make: auth” command; which was quite declarative and didn’t give any other frontend options besides blade. This command pretty much scaffolds a basic authentication system, including routes, views, and controllers necessary for registration, login, and password recovery.

This is convenient, of course, if you intend to use Blade…