Global state management in React.js with redux-toolkit (a practical guide)

Originally published at muratcanyuksel.hashnode.dev/ In this article, I'll try to help others starting with global state management in React.js with Redux Toolkit. In redux.js.org it says "Redux Toolkit is our official, opinionated, batteries-included toolset for efficient Redux development. It is intended to be...

Using WebSockets with React

For my last project, I had to use Websockets to create a website that displays real-time trading data. I didn't know anything about WebSockets, and it took a couple of dreading hours to get to start with it. That's...

I wrote a fully-functioning File Explorer, using TypeScript.

I am very happy to introduce Xplorer to help you organize your files and/or folders. Features Designed Out Of The Box Xplorer is not written on traditional language like C, C++ or C#. It is written on TypeScript, HTML and SCSS, using the Electron...

Develop and Deploy a server less python application that updates Twitter banner in real time

Hey hope you are staying positive and testing negative in the pandemic 🙌🏻 Let's check step by step on how to make your python serverless application that updates your Twitter banner or you could do anything, this has a huge...

How to make an e-commerce website with HTML, CSS and JS

Hello, Today in this article, we'll learn to create an e-commerce website using HTML, CSS and JS. This is a part of full stack e-commerce website. In this part we'll only create front end page's UI. We'll create 4...

How to Build a React Application with Load More Functionality using React Hooks

In this article, we will build a React application using class components. Then we'll convert it to functional components using React Hooks in a step-by-step way. By building this app, you will learn: How to make API callsHow to implement load...

Graphql APIs in Rails

For an effective application, we need an effective API which can get and update relevant data in an optimized manner. Graphql is becoming more popular because it does exactly that. How is graphql different:  GraphQL is a query language for APIs...

Six Reasons to Use Nuxt.js for Your Next Project

Overview You might know about Vue.js, or perhaps you have worked on projects using it because Vue.js is very popular and has been around for a while now. However, NuxtJS is not as old as Vue.js is, so maybe you...

Fetch – from simple to scalable implementation

Hey there! 👋 I was bored and wanted to write something. I've ended up with this, a step-by-step guide on how I approach a task, from the most basic to the best fitting implementation for the needs. What will I...

Develop a RedwoodJS URL shortener application

Introduction What is RedwoodJS Redwood is built on React, GraphQL, and Prisma, Redwood works with the components and development workflow, but with simple conventions and helpers to make your experience even better, this is opinionated. To keep it simple, let's use the...

Deploying Static Sites With Cloudflare and AWS

The goal of this article is to guide you through the process of deploying a resilient static website to AWS. The web is and has been for a while the one place where you can make your software available...

20 Proven Tips to Mastering Web Development in 2021

If you’re asking yourself – Can I master web development – Yes, you can because by the end of this article you’ll get your answer. The good news is that learning web development is not that hard as you may...

Develop and Deploy a Blitz JS Application

Introduction Hello everyone, today we will be developing and deploying a notes app using Blitz JS framework. We will be using the following tools, resources and frameworks on a higher level Blitz JSTailwindRailway What is Blitz JS? Blitz JS is an amazing JavaScript framework...

How to build a Nodejs Website using Adonis and Tailwind CSS.

Create a new project Using **npm init** or **yarn create**, you can start a new project. Let's get started on our web project right away. I gave it the name **my-website**, but you're free to give it your very own...

Writing your first WordPress plugins

A Wordpress plugin "extends" Wordpress, adding new functionality to it. You might want your site to filter out spam comments, to provide a contact form, or even to add unicorns on top of your content when a user is...

VS Code Extensions For Faster Coding

Freelancer and a Full Stack Developer with 9+ years of professional experience in designing, developing, and maintaining amazing web applications and websites using React, JavaScript, Node.js, HTML and CSS.

Getting started with Figma: Introduction to Figma Basics

Introduction What is figma? Many beginners may ask. Figma has a lot to do with User Interface Design Structures and Organization.  Figma is beyond user interface design tool. It incorporates illustration of end-user interation with the propose system. This leads...

How To Add Authentication to Angular Web App using Routing Guards

Introduction In web applications, authentication plays a very important role. Whenever there is a prompt to login or check if this user should be authenticated to enter the website or not, it is handled using username and password authentication. While...

Rock Paper Scissors in the DOM

Make a game in HTML and JavaScript Introduction I loved being a game developer ever since I was a teenager, but once it became a career I discovered an interesting side-effect: game development teaches you a ton about software development in...

A ReactJS and Firebase deployed website based on spotify and data fetching using SpotifyAPI’s

We are going to build a Spotify Clone on React using the Spotify API The first question should be Why do we even need a App clone when we already have a Spotify API. The Answer is because App cloning is...

Angular + Firebase: Step by step guide

Before starting with this guide, I just want to clarify what are Angular and Firebase, in case someone reading this is not yet familiar with these powerful tools. Angular: A component-based framework for building scalable web applications.Firebase: A development platform...

Discovering TypeScript

I used to like JavaScript. But ever since I discovered TypeScript, my programming life has changed and I haven’t looked back ever since. In this article I hope to convince you to jump on the bandwagon and boost your...

Build A Todo App Using Django

A friend asked me how she could use Django to develop a Todo App and I showed her. A week later, another friend asked for the same thing! So, I decided to write about it just in case anyone...

Webflow UI & UX For Modern Web Designs And Trends

WEBFLOW UI & UX FOR MODERN WEB DESIGNS AND TRENDS CMS (Content Management System) websites have gotten even more popular over the years. Their popularity stems from the fact allow designers and other people with little to no coding skill...

Should I Use Gatsby.js

Why are we talking about this?Within the past few years, a concept known as JAMstack has taken over the web development community by storm. So what is it exactly?What is a JAMstack?JAMstack stands for Javascript, API, and Markdown. Basically...

React Hooks For Beginners

What are Hooks in React? React introduced Hooks in its 16.8 release, and with it came the ability to use more of React's features without having to use classes.This is not saying that classes are no longer used, or that...

Top JavaScript trends in 2021

JavaScript remains one of the most popular and researched programming languages in 2020, with the Stack Overflow survey shows JavaScript topping the list as the most popular technology. Nearly 70% of professional developers worldwide use this programming language. Its...

Top CSS Frameworks in 2021

Summary CSS is one of the key to make web designs appealing and mordern according to 2021 sites. Thanks to these frameworks who helps us from last decade solving major huddles of creating features or better UI and UX....

Create Next App For Biggners

We suggest starting with the learn course if you're new to Next.js. This course will walk you through everything you need to know about Next.js, including quizzes. You're still welcome to ask our group on GitHub Discussions if you have any...

WordPress vs Drupal vs Joomla

Wordpress WordPress (WP, WordPress.org) is a free open source content management system (CMS) written in PHP  and bundled with a MySQL or MariaDB database. Features include a sample system called Plugin Architecture and Themes in WordPress. WordPress was originally developed as a blog publishing system, but has evolved to support more traditional types of...

CSSGrid vs flexbox vs Bootstarp

CSS Grid is Two-dimensional positing rows and columns at the same time and CSS Flexbox is one-dimensional either in row or column in this article we will explain the use case of both and examples. Leave your comment if...

Six Top Reasons Why People Like React

1) React is all about ReusableComponents Separate basic components (catches, structure fields, format segments, and so on) into reusable parts with all around characterized interfaces when planning interfaces. That way, the next time you need to create some UI, you’ll...

Web designs and development tips.

Click below to subscribe.