Youssef Zidan articles - 23 total
What are :nth-child & :nth-of-type Selectors.
:nth-child Selector. The :nth-child(n) selector matches every element that is the nth...
What are Web Workers?
What are Web Workers? Using Web Workers Browser Support What are Web Workers? A web...
Formik Components.
Formik Components Login Form With Formik Components Formik Reusable Components ...
CSS @Media Rules that fits all possible devices.
In this shot, I will share my experience with responsive design using css @media Rules. Before you...
JavaScript Reusable Constants that are used in most apps.
Constants.js Installation Usage Available Constants Installation npm i...
Creating React Application with Webpack.
Creating React Application with Webpack. In this Article, we will learn how to create a...
Configuring ESLint In React with Prettier, React Testing Library, Jest and AirBnb
Table of Contents 1. Installing VSCode Extensions 2. Installing the following packages as...
![Data Structures in JavaScript [Hash Tables]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff4iqdp8ln8ys2uefrll2.png)
Data Structures in JavaScript [Hash Tables]
What is a Hash Tables? Why Hash Tables? How Hash Tables Work? What is a Hash Function? Hash Tables...
![Data Structures in JavaScript [Arrays]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frqesdt4cx29fp0ackcdz.jpg)
Data Structures in JavaScript [Arrays]
What is an Array? Arrays & Big O Notation Implementing an Array Push Method (Adding) Using...
Understanding Big O Notation Using JavaScript.
What is Big O Notation? Time Complexity Simplifying Big O Expressions Rules of thumb Space...
VS Code Extensions That Will Make You Code Faster.
1. Bracket Pair Colorizer 2 This extension makes the opening and closing parentheses,...
Arabic Lorem Ipsum Extension in VS Code
Arabic Lorem Ipsum Generating Dummy Lorem Ipsum Text in the Arabic Language. ...
Getting Started with React Formik & Yup
Table of Contents What is Formik? Installation Formik Hook Injecting Formik Handling...
![JavaScript Functions That Will Make Your Life Much Easier [Updatable].](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F2lukg72d2xnahzo0j3bb.jpg)
JavaScript Functions That Will Make Your Life Much Easier [Updatable].
Description Installation Usage Strings capitalize() truncate() toggleStrNum() camelCaseToSpaces...
Deploying Fake Back-End Server & DataBase Using JSON-SERVER, GitHub, and Heroku.
In this article, we will create and host a fake server that we can deal with it as a normal Back-End...
Deploying Angular Apps with Continuous Integration (CI) on Netlify + GitHub.
In this article, I will show you how to link your Angular app repo with a server. So whenever you...
React, Manage Dynamic Permissions Using CASL & Redux.
What is CASL? CASL is a JavaScript library that you can manage the permissions of a user...
Deploying React App On GitHub Pages In 6 Steps.
Show your React App to the world for FREE Using GitHub Pages in 6 Easy Steps. 1. Create a...
![Handling HTTP Error Messages `Globally` using Interceptors and Toasters [Angular]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fbvk79ygrtumnspdom3c7.jpg)
Handling HTTP Error Messages `Globally` using Interceptors and Toasters [Angular]
Handle all HTTP error messages in your whole Angular app using Interceptors and NGX-Toaster. ...
Overriding Bootstrap 4 Theme.
Bootstrap theme files Overriding Bootstrap 4 theme Results In this shot, we will show you how to...
My first React App ^_^
Hey everyone, I just wanted to share with you my first React app I created. I made my personal...
Deploying Angular App On GitHub Pages In 4 Steps.
Show your Angular App to the world for FREE Using GitHub Pages in 4 Easy Steps. 1. Create...
The `this` Keyword in JavaScript
In this article, we will remove the confusion of the this keyword in JavaScript. First, we need to...