JavaScript

How To Build a Recipe App Using React, Prisma, and GraphQL — step-by-step Javascript tutorial on Progressive Robot

How To Build a Recipe App Using React, Prisma, and GraphQL

GraphQL gained popularity in terms of front-end development due to the various advantages it offers over REST APIs. However, setting up your own GraphQL server is both error-prone and complicated. Due to this, managed services such as Prisma have been made to manage your GraphQL server, allowing you to focus on the development of your app. In this tutorial, we will be building a fully functional recipe app using React and Prisma to manage GraphQL.

Read more
How To Share State Across React Components with Context — step-by-step Javascript tutorial on Progressive Robot

How To Share State Across React Components with Context

In this tutorial, you’ll share state across multiple components using React context. React context is an interface for sharing information with other components without explicitly passing the data as props. This means that you can share information between a parent component and a deeply nested child component, or store site-wide data in a single place and access them anywhere in the application. To illustrate this, this tutorial will create a website where users can build custom salads.

Read more
How To Make Your Vue.js Application DRY with Slots, Mixins, and Composition API — step-by-step Javascript tutorial on Progressive Robot

How To Make Your Vue.js Application DRY with Slots, Mixins, and Composition API

DRY is a programming strategy that stands for “Don’t Repeat Yourself”. It encourages code re-usability through modular architecture. Vue.js includes several strategies to modularize and re-use repeated snippets of code. In this tutorial, you will try out layout components with slots, mixins, and the new Composition API to implement the DRY strategy in an example app.

Read more
How To Use Basic Types in TypeScript — step-by-step Javascript tutorial on Progressive Robot

How To Use Basic Types in TypeScript

TypeScript is an extension of the JavaScript language that uses JavaScript’s runtime with a compile-time type checker. This combination allows developers to use the full JavaScript ecosystem and language features, while also adding optional static type-checking, enum data types, classes, and interfaces. This tutorial will go through type declaration and all the basic types used in TypeScript.

Read more
Using Event Emitters in Node.js — step-by-step Javascript tutorial on Progressive Robot

Using Event Emitters in Node.js

Event emitters are objects in Node.js that trigger an event by sending a message to signal that an action was completed. In this article, you will create an event listener for a TicketManager JavaScript class that allows a user to buy tickets. You will set up listeners for the buy event, which will trigger every time a ticket is bought. This process will also teach you how to manage erroneous events from the emitter and how to manage event subscribers.

Read more
CHAT