JavaScript

How To Create React Elements with JSX — step-by-step Javascript tutorial on Progressive Robot

How To Create React Elements with JSX

JSX is an abstraction that allows you to write HTML-like syntax in your JavaScript code and will enable you to build React components that look like standard HTML markup. Since you are also writing JavaScript, you’ll be able to take advantage of JavaScript functions and methods, including array mapping and short-circuit evaluation for conditionals. In this tutorial, you’ll build a working application that uses a variety of JSX features to display elements that have a built-in click listener.

Read more
How To Debug Components, State, and Events with Vue.js Devtools — step-by-step Javascript tutorial on Progressive Robot

How To Debug Components, State, and Events with Vue.js Devtools

When debugging a Vue application, moving between your source code and your browser can be a time-consuming process. To make debugging more efficient, you can use a browser extension like Vue.js Devtools. In this tutorial, you will set up a sample Vue application, install Vue.js DevTools in your browser, then add new features to your app while testing them with the browser extension.

Read more
How To Handle Async Data Loading, Lazy Loading, and Code Splitting with React — step-by-step Javascript tutorial on Progressive Robot

How To Handle Async Data Loading, Lazy Loading, and Code Splitting with React

In JavaScript development with the React library, asynchronous programming presents unique problems. When you use React functional components for example, asynchronous functions can create infinite loops. In this tutorial, you’ll find out how to avoid asynchronous programming bugs, load data with the useEffect React Hook, and split your code for on-demand lazy loading using React lazy and Suspense.

Read more
Comment installer Node.js sur Ubuntu 20.04 — step-by-step Linux tutorial on Progressive Robot

Comment installer Node.js sur Ubuntu 20.04

Node.js est un runtime JavaScript pour la programmation côté serveur. Il permet aux développeurs de créer des fonctionnalités d’arrière-plan évolutives en utilisant JavaScript, un langage que beaucoup connaissent déjà grâce au développement web par…

Read more
How To Set Up Your First Gatsby Website — step-by-step Javascript tutorial on Progressive Robot

How To Set Up Your First Gatsby Website

Gatsby is a React framework that allows you to create static and serverless JavaScript apps. In this tutorial, you will install the Gatsby Starter default template, modify metadata in the Gatsby config file, run the development server and view the Gatsby site locally, and get a short introduction to JSX and Gatsby’s image optimization capabilities.

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
Comment utiliser Font Awesome 5 avec React — step-by-step Javascript tutorial on Progressive Robot

Comment utiliser Font Awesome 5 avec React

Font Awesome est un kit d’outils pour les sites web proposant des icônes et des logos sociaux.  React est une bibliothèque de codage utilisant JavaScript pour la création d’interfaces utilisateur.  Bien que l’équipe de Font Awesome ait créé un volet React pour promouvoir l’intégration, il y a quelques éléments fondamentaux à comprendre au sujet de Font Awesome 5 et de sa structure. Dans ce tutoriel, vous apprendrez à utiliser le composant React Font Awesome.

Read more
CHAT