DEV Community

Cover image for Two new react frameworks
Rakesh Potnuru
Rakesh Potnuru

Posted on • Updated on • Originally published at blog.itsrakesh.co

Two new react frameworks

React is one of the biggest JavaScript Libraries. Many react frameworks like NextJs, GatsbyJs, etc., were 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

  • 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

You may also like,


Hoping this helps you!
Save for reference.
Follow for more awesomeness 😀.
You can connect with me on Twitter and LinkedIn.

Top comments (10)

Collapse
 
gcdcoder profile image
Gustavo Castillo

Remix is another one, not new, but it was put as an open source.

Collapse
 
omeraplak profile image
Omer Aplak • Edited

Thank you for mention to Refine <3

Collapse
 
rancy98 profile image
rancy98

Refine seems that the functions are quite complete. I'll try it

Collapse
 
yathink3 profile image
yathink3

Pls also check remix

Collapse
 
itsrakesh profile image
Rakesh Potnuru

Hi! Remix is not recent, it was made open source recently.

Collapse
 
divine_takawira profile image
Divine Takawira

Nice article but React is a library not a framework.

Collapse
 
itsrakesh profile image
Rakesh Potnuru

Thanks for mentioning! Updated🙂

Collapse
 
vladi160 profile image
vladi160

"A new JS frame/library" is not news from years, but if you don't find any new for the current day, please make an article to explain that abnormality

Collapse
 
itsrakesh profile image
Rakesh Potnuru • Edited

This is not news, this is one way we can support OSS.

Collapse
 
mahmoudashraf profile image
Mahmoud Ashraf Algammal

This is a nice mentions ,thanks for posting it