Subscribe to get the weekly post

Or

Follow me
New

A Practical Guide to TypeScript - How to Build a Pokedex app using HTML, CSS, and TypeScript

Published 13 days ago 12 min read

TypeScript is a superset that needs to compile to plain JavaScript. It offers…

#typescript#html#css

Apollo GraphQL: How to build a Full-stack app with React and Node Js

Published a month ago 8 min read

Apollo Client is a complete state management library for JavaScript apps. It's a…

#react#graphql#apollo

How To Build Finite State Machines using XState and React?

Published a month ago 4 min read

XState is a library for creating, interpreting, and executing finite state…

#react#xstate

How to Style Your React Apps with Less Code Using Tailwind CSS, Styled Components, and Twin Macro

Published 2 months ago 7 min read

Tailwind is a utility-first CSS framework for rapidly building custom designs…

#react#tailwindcss#styled-comp

How to build a GraphQl API from scratch with Node JS, Express, and MongoDB

Published 2 months ago 11 min read

In this guide, we will build from scratch an API with GraphQL, Node JS, Express…

#node#graphql#express

How to build a Fullscreen Slider with React Hooks

Published 2 months ago 6 min read

In this tutorial, we will build a Fullscreen Slider component with React Hooks…

#react#hooks

Introducing the Redux+TypeScript template for Create-React-App

Published 3 months ago 1 min read

There is something new in React, particularly with Create-React-App. Now, we can…

#react#redux#typescript

How to Start Testing Your React Apps Using the React Testing Library and Jest

Published 3 months ago 19 min read

Testing is frequently seen as something tedious. It's extra code and in some…

#react#testing

How to build an Event Booking App using HTML, CSS, JavaScript and Firebase?

Published 3 months ago 11 min read

In this tutorial, we are going to build an Event Booking App with HTML, CSS…

#javascript#firebase

How to lift your React App performance using Lazy Loading?

Published 3 months ago 4 min read

React, as you already know is a JavaScript a library for building user…

#react

A Complete Beginner's Guide to React Router (including Router Hooks)

Published 4 months ago 14 min read

React is a JavaScript library for building user interfaces. We can also extend…

#react#hooks

Build a search filter with JavaScript

Published 4 months ago 4 min read

In this tutorial, we are going to build a search filter with just JavaScript. It…

#javascript

How to build a PWA from scratch with HTML, CSS and JavaScript ?

Published 4 months ago 13 min read

Progressive web apps are a way to bring native app feeling into normal or…

#html#css#javascript

How to copy text to the clipboard with JavaScript ?

Published 4 months ago 3 min read

As a developer, we know how useful and good it is to have a "copy" button…

#javascript

Build a sticky navigation bar with React

Published 4 months ago 6 min read

I'm pretty sure that you've already seen the effect we are going to make today…

#react

4 main differences between forEach() and map() you should know

Published 4 months ago 4 min read

JavaScript has some handy methods which help us iterate our arrays. The two most…

#javascript

JavaScript array methods: Mutator VS Non-mutator

Published 5 months ago 7 min read

JavaScript array methods enable us to manipulate our data. However, we've to use…

#javascript

15 must-know JavaScript array methods in 2020

Published 5 months ago 6 min read

In JavaScript, an array is a special variable that is used to store different…

#javascript

Redux VS React Context: Which one should you choose?

Published 5 months ago 10 min read

React context has been there for a while. With the coming of React hooks, it's…

#react#redux#hooks

7 steps to understand React Redux

Published 5 months ago 14 min read

React is awesome, we can't say it enough. But where it comes to the state…

#react#redux
cover

Make a parallax effect with 10 lines of JavaScript

Published 5 months ago 3 min read

In this post, we're going to make a nice Parallax effect with HTML, CSS and just…

#css#javascript
cover

6 powerful CSS selectors that will really help you write clean CSS

Published 6 months ago 3 min read

Selectors in CSS are used to pick elements and style it. They can be very…

#css
cover

CSS flexbox cheat sheet (with examples)

Published 6 months ago 5 min read

CSS flexbox makes it easier to design flexible and responsive layout structure…

#css
cover

Build a testimonial card with HTML, CSS and JavaScript

Published 6 months ago 8 min read

In this post we are going to have some good time with CSS animations and DOM…

#html#css#javascript
cover

Fullscreen slider with HTML, CSS and JavaScript

Published 6 months ago 6 min read

In this post we gonna build a Fullscreen slider using HTML, CSS and JavaScript…

#html#css#javascript
cover

Better Http request with interceptors in Angular 8 and beyond

Published 7 months ago 4 min read

Dealing with API based token is sometimes cumbersome. Due to the fact that, on…

#angular
cover

Build an image gallery with HTML, CSS, and JavaScript

Published 7 months ago 6 min read

CSS grid is awesome, we can't say it enough. It helps a lot on making our…

#html#css#javascript
cover

How to replace Component lifecycle with useEffect hook in React?

Published 7 months ago 2 min read

Before React 16.8, we were forced to use class based component to have access in…

#react
cover

5 reasons to use Reactive form in Angular

Published 7 months ago 3 min read

This post assumes that you have at least a basic knowledge about Angular and…

#angular
cover

Awesome Stepper Form with HTML/CSS/JavaScript

Published 7 months ago 8 min read

Stepper form is a great and useful feature regarding user experience, especially…

#html#css#javascript