Articles

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 the standard way to write...

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 the only problem, actually, to...

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 framework, this makes Xplorer looks...

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 potential. We will be using a...

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 pages in this tutorial -...

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 more functionalityHow to debug application...

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 and runtime, for fulfilling those...

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 don't know about the advantages...

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 build? Piece of code for fetching...

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 tag line which they go...

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 to millions of users in...

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 have been made to believe!...

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 that gives you a full...

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 name. npm init [email protected] my-website If using...

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 inactive for too long. If...

News