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...

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 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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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.

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...

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...

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...

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...

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...

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...

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 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...

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...

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...

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...

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....

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 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...

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...

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...