Rahul Sharma (DevsMitra)

Pinned

Solidjs and React.js — Difference and Comparison

Solidjs: Solid is a declarative JavaScript library for creating user interfaces. Instead of using a Virtual DOM, it compiles its templates to real DOM nodes and updates them with fine-grained reactions. React: React is a JavaScript library for building user interfaces. …

Solidjs

6 min read

Solidjs

6 min read

Pinned

React best practices and patterns to reduce code — Part 3

This is 3rd the article about React best practices, If you have not read my previous articles, please check them out. React best practices and patterns to reduce code — Part 1 React best practices and patterns to reduce code — Part 2

React

5 min read

React

5 min read

Pinned

React best practices and patterns to reduce code — Part 2

I’ve another article about React's best practices and patterns to reduce code. It’s a good article to read before you start to write your own React code. React best practices and patterns to reduce code Without wasting time, let’s look at some more best practices and patterns to reduce code…

React

4 min read

React

4 min read

Pinned

React best practices and patterns to reduce code

I have been working with React.js for the past 4 to 5 years and have been using it for a number of different projects. While working on different projects I’ve found some common patterns I would like to share in this blog post. Without further ado, Let’s get started.

Reactjs

4 min read

React best practices and patterns to reduce code

Reactjs

4 min read

Pinned

Micro Frontend with React.js and Module federation

What is a micro frontend? The Micro Frontend style of architecture design does for the frontend of an application what microservices do for the backend, breaking monolithic structures into smaller components that can then be assembled on a single page. The Complete Guide to Micro-Frontends for 2023 | DevsMitra —…

Reactjs

5 min read

Reactjs

5 min read

Jan 21

What, Why, and How Javascript Static Initialization Blocks?

ES2022 introduces a new feature called static initialization blocks. With static initialization blocks, we can initialize static variables and execute some code only once when the class is loaded. This article Will discuss what static initialization blocks are, why to use them, and how to use them.

JavaScript

4 min read

JavaScript

4 min read

Nov 27, 2022

React: How to create the app using JSX without React

What is JSX and How Does it Work? JSX is an XML-like syntax extension to JavaScript. It is similar to a template language, but it has the full power of JavaScript. JSX gets compiled to React.createElement() calls which return plain JavaScript objects called “React elements”. To get a basic introduction to JSX see the docs here. In this…

React

5 min read

React

5 min read

Nov 21, 2022

Javascript: No More callbacks use promisify to convert callback to promise

Post: Javascript: No More callbacks use promisify to convert callback to promise — Rahul Sharma(DevsMitra) What are callbacks and promises? The callback is a function that is passed as a parameter to another function. And this function will be called inside the function. A promise is an object which is used to handle asynchronous operations…

JavaScript

3 min read

JavaScript

3 min read

Sep 21, 2022

React.js state management using signals

A signal is an object that has a value and can be observed for changes. It is similar to a state, but it is not bound to a component. It can be used to share data between components. …

Reactjs

2 min read

Reactjs

2 min read

Aug 22, 2022

useAsync hook with cache

It’s good practice to show the user that the app is loading data. This is done by showing a loading indicator, and hiding the content until the data is ready. …

JavaScript

4 min read

JavaScript

4 min read