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 let’s look at some more best practices…

I’ve another article about React 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

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. 1. Create custom hooks for redux actions and dispatches I’m…

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. Pros and cons of micro frontend: Pros: A micro frontend is more modular and reusable. A micro…

Let’s understand javascript String functions and how to use them. String.charAt() Returns a string representing the character at the given index. const str = "Hello World"; str.charAt(0); // "H" String.charCodeAt() Returns a number representing the UTF-16 code unit value of the character at the given index. const str = "Hello World"; str.charCodeAt(0); //…

Solidjs is a javascript library that helps you create the user interface, Instead of using a Virtual DOM, It uses reactive programming under the hood to update the DOM. Key Features Fine-grained updates to the actual DOM Render-once mental model: your components are regular JavaScript functions that run once to set up…

PyScript is a python script that can be run in the browser using a mix of Python and standard HTML. This could be a powerful tool for creating web applications. How does it work? PyScript is dependent on Pyodide. So it is a Python distribution (port of CPython) for the browser…

What is redux? Redux is a JavaScript library for managing the application state. It is a predictable state container that allows you to write applications that behave consistently no matter what changes the state. Most of us are using redux in multiple projects, I’ve also used it in multiple projects…

Node.js 18 is released recently, There are some interesting features added in Node.js 18. Node.js 18 will be the ‘Current’ release for the next 6 months and then promoted to Long-term Support (LTS) in October 2022. Once promoted to long-term support the release will be designated the codename ‘Hydrogen’. Node.js…