Over the past years, We had base pure Front-End frameworks like React, Angular, and Vue, all of them provide client-side rendering(Single Page Application), then we discovered our needs for different renders modes. We had different renders modes and different frameworks support each one of them, but the problem many developers can’t quite wrap their head around when to build an app as a pure SPA and when it’s better to use an SSR or SSG.
It’s clear that there is no sense to use an SSR framework for building a todo app, as it makes no sense to build your…
Since React 16.6, React team add
React.memo() as an alternative to functions. Since React 16.8, React team add
React Hook so they add two Hooks
useCallback. The usage of Memoization in React becomes wider and important in some situations. So In this article, we will explain Memoization and its different methods.
We will go through the following main points in the article:
1-What is Memoization?
6-Should we Memoize
Since React 16.8 has added Hooks, Many developers fall in love with React. They begin to make their application with La La Land of Hooks with capabilities that hooks give them over class-based components like sugar syntax, escape from wrapper hell, reuse stateful logic without any duplication, and escape from Complex components which hard to understand or test or maintain.
If you do not know about React Hooks, you can take look at the following articles:
We will go through three main points in this article:
1-What is the custom hook?
2-How to build & use a custom hook?
Many developers have problems with Git version control system, they have a gap in their Git knowledge, which causes problems with their hiring processes, especially most developers focus on upgrading, and mastering their coding skills and they have a lack of Git version control system skill, that even causes problems of waste so much time while they are working on a team with the version control system, they call team leader or senior developers to help them in many problems related to commits, merge conflicts, rebase, and merge inside Git system, and wasting their time and the other team members…
let Sentence = "I am programmer" //Here Sentence is string
Sentence = 20 //Here it morphs to Integer
Some programming languages are the static type like java, C sharp, when we initialize the variable, we must determine the type of it, and we can not change it:
String Sentence = "I am programmer"
Sentence = 20 //Here it will throw an error
Over the past years, REST has been the standard for designing web APIs. It provides a set of rules that can deliver fully functioning web services, But Rest rules and constraints become problematic, so GraphQL comes to software development to overcome on Rest problems.
GraphQL makes API development easier and more accessible to a larger population. The goal of the Article to give you an overview of GraphQl, and How to integrate GraphQl client with React.
GraphQL is a query language invented by Facebook. Before GraphQL went open source in 2015, Facebook used it internally since 2012. It solves many…
We have coronavirus pandemic all over the world, most of the people watching or reading the news, watching videos on youtube, reading posts or tweets on social media, and live in anxiety all the time, my dear reader do you know more than seventy percent from this news is fake especially on social media or over the chatting groups on WhatsApp or telegram, The owners of this fake news on social media or the internet want to have more followers, likes, retweet, and earn money. Then why you keep yourself to live in anxiety? …
In this article, we’ll dive into what testing is, types of tests, why we should test, all related approaches, types of tests especially unit test and all related benefits to it, so if you are a beginner in testing, this article will be a great start for you in test world in…
React-Redux Hooks article is a second part of the previous article about React Hooks, We will go through three main points in this article:
1- Hooks for Redux.
2- Hooks APIs.
3- Why we should use React Hooks.
If you do not know what is React Hooks? Please read the previous article:
Before React-Redux Hooks, we always used a
connect() a higher-order component is a wrapper to our component, and read values from the Redux store (and re-read the values when the store updates).
connect() takes two arguments, both optional:
mapStateToProps: called every time the store state changes…
The React team decided to bring React Hooks into our lives. Many Developers are starting to use Hooks in the new code side by side with classes.
React Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. It is a fundamental shift in how you’ll approach writing React Component.
There are no Breaking Changes, Completely opt-in. You can try Hooks in a few components without rewriting any existing code. There are no plans to remove classes from React. 100% backward-compatible. Hooks don’t contain any breaking changes. …