My All-Star React Stack

My All-Star React Stack

Everything I use when I set up a new React app

If you are a React developer like me, then you are essentially spoiled for choice when it comes to frameworks, libraries, tools, etc. With React, it is even trickier compared to full-fledged opinionated frameworks like Angular. React calls itself a JavaScript library for building user interfaces (UI).

With a huge array of options, it is only natural to be confused about what technologies to use for your next React project. Today, I’ll share my favourite libraries and how they make my life so much easier!

Kickstarting a Project (The Base)

To kickstart a project, my favourite option is Next.js!

Next.js offers out-of-the-box server-side rendering, file system-based routing, built-in CSS/SCSS support, and so much more. You can literally be up and running in a few seconds with Next.js without having to worry about tooling.

Alternatives

The default way to bootstrap a React project will be to use the Create React App. However, trust me: Next.js is just so awesome and more developer-friendly. It allows you to focus on the code instead of the setup.

Another popular option is Gatsby, which is more SEO-centric. However, Gatsby is more focused on static site generation and I am not comfortable using it for a project that may quickly balloon into a large code base. I prefer Gatsby for projects such as a blog.

My suggestion is to go with Next.js for projects that may become bigger or even enterprise-grade in the future. Choose Gatsby if you want a more SEO-optimised, public-facing site like a blog or a static informational site.

javascript nextjs react next

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Building Isomorphic JavaScript Apps Faster with NextJS

Learn how to building Isomorphic JavaScript Apps faster with NextJS. Isomorphic apps are those which runs both on client and server. Next.js is the framework for developing server-side rendered react applications. Next.js makes app development simpler than building with React and Node. We will see that we can achieve automatic code splitting + HMR + SSR with completely no configuration which can help saving our development time a lot and makes our app simple to maintain.

Tendencias Javascript y Web 2020. React, Next.js, Deno

Tendencias Javascript y Web 2020. React, Next.js, Deno. En este video te voy a mencionar algunas herramientas y frameworks que fueron, seguirán siendo o van a ser tendencia en este 2020. Entre ellas están React, Next.js, Deno, los Headless CMS como Strapi, entre otros.

5 Reasons I Use Next.js Over Plain React

Next vs React is a popular topic and for good reason. Next can be seen as React with bells and whistles. Next.js features let us create apps and sites faster vs React. Next.js is a production ready React framework that comes with niceties out of the box. Next has features like routing, code splitting, image optimization, and static site generation that makes our lives as developers easier.

Nextjs Portafolio Simple | Ejemplo Práctico de Next.js

En este ejemplo práctico de Nextjs aprenderemos a crear una aplicación simple que nos podrá servir como portafolio para mostrar nuestros trabajos de desarrollo web y también para practicar también conceptos de HTML, CSS, Javascript, React, Bootstrap, y sobre todo Next.js.