Last updated:
2 min read
Two new react frameworks that were recently released (2021)
Rakesh Potnuru

Two new react frameworks that were recently released (2021)

React is one of the biggest JavaScript libraries. Many react frameworks like NextJs, GatsbyJs, etc., popped in, since. So, in this blog, I will give an introduction to two new react frameworks launched recently.

Let's get started

1. Refine

Refine - A react-based framework launched in september, 2021.

As mentioned in their docs refine gives so many out-of-the-box functionalities for routing, networking, authentication, state management, internationalization, and UI(Ant design).

refine website

With Refine:

  • You have full control over UI.
  • It supports so many REST and GraphQL databases like NestJs CRUD, Airtable, Strapi, Strapi GraphQL, Supabase, Hasura, and Altogic.
  • It makes your codebase significantly smaller, by eliminating redundant code such as reducers, actions, and unit tests.
  • It uses hooks as a default way of interacting with components.

It can mainly be used for applications that need to process large volumes of data like admin panels, dashboards, etc.

2. Hydrogen

The second framework is Hydrogen by Shopify launched a few weeks ago.

hydrogen website

Hydrogen is another React-based framework to build e-commerce sites. It is like NextJs because it provides server-side rendering. But there are limitations with this framework - currently, you can only build Shopify web storefronts. The cool thing is you can directly host your e-commerce site on Shopify with Oxygen which Shopify will launch soon.

What do you think about these frameworks? Comment below 👇

⚒️Tool of the week⚒️


  • Responsively is a DevTool for front-end developers. You can see your website on different display sizes. It is open-source and free to use. Responsively app



All types of POST Requests with API Tester mobile app

    6 min read


All types of POST Requests with API Tester mobile app

Post requests are the most common types of requests that we perform on the internet and it is very useful in our day-to-day work life. These methods are those which are used to transfer data from a web browser to the server. In this article, I will teach you how to test post requests using API Tester mobile app.

How to write tests in full-stack MERN web application

    9 min read

How to write tests in full-stack MERN web application

Only by writing tests can you understand the significance of testing. No coding Bootcamp or course, as far as I know, teaches you how to write tests. Writing tests may not be necessary for demo projects or coursework projects, but it is critical for real-world applications. So, in this Part 3 of the “Let’s build and deploy a full stack MERN web application” series, I’ll demonstrate how to write tests for ReactJs components and ExpressJs RESTAPI.

Subscribe to Newsletter


  • Never miss an update.
  • Get articles and snippets directly to your inbox.
  • Subscribe to stay connected and avoid getting lost among millions of websites.


  • Coming soon...