Gridsome - Static site generator

With the increasing popularity of static site generators now-a-days, we are going to discuss yet another and quite effective static site generator, Gridsome. Gridsome which is a Vue.js framework and based on JAMstack architecture, is getting developers attention from quite sometime. So, let's dive into Gridsome and get to know some its core features.

What is Gridsome ?

Gridsome is a static site generator for Vue.js based on JAMstack architecture. Gridsome allows us to create static sites with the magic of Vue.js which means Gridsome creates static pages for us which works as Vue SPA after being loaded in the browser.

From above definition, we came to know a term JAMstack. So what is JAMstack ?

Introduction to react-native

React Native is an open source mobile application framework created by Facebook, Inc. React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows, enabling developers to build multiple applications.

Architecture

intro-react-native-arch

As you can see, there are four core sections: the React code you write (which is very similar to its web counterpart), the JavaScript that gets interpreted from what you write, a series of elements collectively known as “The Bridge,” and the Native side.

Introduction to ASP.NET Core

ASP

Overview 

ASP.NET Core is the new version of the ASP.NET web framework mainly targeted to run on .NET Core platform. 

ASP.NET Core is a free, open-source, and cross-platform framework for building cloud-based applications, web apps, IoT apps, and mobile backends. It is designed to run on the cloud as well as on-premises. 

Optimizing single page and web applications performance

With the browsers becoming more and more advanced and supporting multiple new technologies now and web apps supporting rich content, it has become more important to focus on performance of web applications. These include both Single Page Applications(aka SPAs) and traditional server side rendered web applications.

In this article we will look at some steps that can be taken to improve the performance of web applications.

UI Based automation using Selenium

We all know the manyfold benefits of software testing but as the project grows on every release, which is typically once in a week or bi-weekly, we can’t follow up with testing the way we started because verifying every basic to advanced functionality on every browser and with each and every supported Operating system becomes a monotonous task. 

TailwindCSS - Basics and Quickstart

react-head-image

Every time we talk about CSS frameworks we come up with two or three well known options like bootstrap, foundation, bulma. But do you know that there are two type of CSS frameworks! Component Framework and Utility Framework and all above mentioned frameworks are component frameworks (although they provide some utility classes also). Now the question is that what are utility Frameworks ?

In this article we are going to talk about what are utility frameworks and the most famous utility framework nowadays, TailwindCSS.

SSR, CSR advantages and disadvantages

We often come up with a question that "What is SSR?"  “What is CSR?” "Why we need SSR?" and the main question is "Should I implement SSR in my web app?”

In this article we will cover these topics in brief and by the end you would have answer to all of the above questions 

What is SSR? 

SSR stands for Server Side Rendering. I will talk mostly about React, but I guess it will make sense for other frameworks too.

It means that the app or page would be rendered on the server , I.e. the first meaningful paint would be rendered on the server and passed to client for further interactions and rendering.

Let me guide you through the process step by step.

Bit : Platform for collaborating on components

Bit

What is Bit?

  • Bit is an open-source cli tool for collaborating on isolated components across projects and repositories. Use Bit to distribute discrete components from a design library or a project into a standalone reusable package and utilize it across applications.

Benefits of using a Bit workflow

Subscribe to Front-end Technologies