Reactivity in Javascript
👀 What is Reactivity?It’s the ability of a piece of code to automatically update or re-render in response to changes in the data it is bound to. Let’s try to understand clearly by ⏬ Selling Price and Buying Price are two state variables on which the value of Profit depends. In the case of a Reactive System, The profit variable will be updated upon any c..
Read more
Who is the GOAT? 🔮 Vercel Edge Config stores my answer
A few weeks ago Vercel released Edge Config, a new feature available to everyone so I tried it because I’m curious. I developed an app with Qwik the new framework that has been catching my attention for months. Getting startedTo spin up a Qwik application you can use the Qwik CLI.You can type npm create qwik@latest in your terminal and the CLI will guide..
Read more
How to Build a Todo Application With Python Flask, Heroku and Tailwind CSS
IntroductionFlask is called a MicroFramework because it gives you the basic tools you need in order to build a web application in Python.With Flask you can build any kind of Web service or backend application.If you’re beginning using Python for web development i suggest you to start with Django. In this guide We will build a Todo application from Scratch..
Read more
React.js - Custom Hooks
The topic of hooks in React development is quite popular and has been analyzed more than once by various specialists. The purpose of our material is not so much to bring something new as to analyze a sufficiently important and relevant topic in the most accessible and understandable language, so that it does not cause difficulties even for beginners in th..
Read more
20 Git Commands You (Probably) Didn't Know About 🧙♂️
If you’ve ever browsed the git manual (or run man git), then you’ll have noticed there’s a whole lot more to git than what most of us use on a daily basis. A lot of these commands are incredibly powerful and can make your life a lot easier (others are a bit niche, but still good to know). This post outlines 20 of my favourite under-used git features, whi..
Read more
5 Reasons Why Every React Developer Should Learn TypeScript
As a React developer, you’re always looking for ways to improve the quality and maintainability of your code. That’s where learning TypeScript comes in! Here are five reasons why every React developer should consider adding TypeScript to their toolkit: 1. TypeScript can catch errors before you even run your code TypeScript’s strong type system allows you ..
Read more
How to Create a Google Maps Clone Using OpenStreetMap API
Recently, I have been interested in making some projects such as a MERN stack Zillow clone, or a Django travel booking site. However, in researching the tools needed to create both of these, one critical piece was always too expensive: the google maps api. This API is billed per request, so if you are attaching it to a client application that end users ca..
Read more
Simple Search Box With Icon
It’s like this: Here is the code: <input class="search" type="search" placeholder="Search..."> Enter fullscreen mode Exit fullscreen mode input.search { width: 260px; border: 1px solid #555; display: block; padding: 9px 4px 9px 40px; background: transparent url("/..
Read more
How to Build a Todo App With React and Firebase Database
How to build a todo app with React and Firebase Database (3 Part Series)1 How to build a todo app with React and Firebase Database 2 How to build a todo app with React and Firebase Database 3 How to build a todo app with React and Firebase Database Day 1📅 11-06-2019🕐 1h🏁 Initial setup and getting ready Initial setupI’m going to use create-react-app tool..
Read more
Building a Music Player in React
IntroductionWhoever is learning React and wants to build a project with React. There are a variety of blogs and articles to guide a such projects for developers. I do go through those articles but one kind of project is always missing in them. The missing projects are the music player and video player. Both of the projects will give you the opportunity to..
Read more