Practical case of using network graphs

Photo by JJ Ying on Unsplash
  • a streamer connects, the application is notified thanks to the twitch API.
  • at regular intervals, the streamer’s viewers are recorded
  • when the streamer disconnects, the operation stops
  • every day, the application calculates for each streamer the percentages of viewers in common with the other…


Create your first hook and reuse it in your React apps

Photo by Milada Vigerova on Unsplash

Goals

  • Find out how to add hooks to our React components
  • Write easy re-usable logic
  • Use the localstorage API

Context

The hooks were introduced by the developers of React to allow a better organization of the code by exporting certain elements of component logic. Several hooks are developed and used within a project, and the simplicity with which they can be re-used make it a tool staple of the React ecosystem.

A bit of theory

We are going to set up a hook step by step to manage a system of favorites. Our application…


Améliorez l’expérience utilisateur et la réactivité de vos applications React avec un peu d’optimisme !

Objectifs

  • Découvrir le principe de l’optimistic UI
  • L’utiliser avec React et GraphQL pour augmenter l’expérience utilisateur

Contexte

Le temps de réponse entre le backend et le frontend est un des facteurs limitants l’expérience utilisateur. C’est encore plus vrai lorsque l’application ou le site web est destiné aux mobiles qui peuvent avoir une connexion dégradée.

Image de l’auteur

Un peu de théorie

L’application gère une liste de personnages, on…


Improve the user experience and responsiveness of your React applications with optimism !

Goals

  • Discover the principle of optimistic UI
  • Use it with React and GraphQL to increase user experience

Context

The response time between the backend and the frontend is one of the factors limiting the user experience. This is even more true when the application or the website is intended for mobiles which may have a degraded connection.

Image by Author

A bit of theory


Start the machine learning adventure with Tensorflowjs and React, tutorial with demo and sources

Photo by h heyerlein on Unsplash

Goals

  • Discover some api’s function of Tensorflowjs
  • Integrate Tensorflowjs in React
  • Create and train a basic machine learning model
  • Predict a value from linear data

Context

React is one of the most used javascript libraries to build a rich and powerful user interface. Tensorflowjs is the implementation of Tensorflow for NodeJS and to allow developers to use client-side machine learning models created on the server side.

Environment setup

Node.js must be installed to generate the project and manage dependencies.


Commencez l'aventure ‘machine learning’ avec Tensorflowjs et React, tutoriel avec démo et sources

Objectifs

  • Utiliser l’api de base de Tensorflowjs
  • Intégrer Tensorflowjs dans React
  • Créer et entrainer un modèle simple de machine learning
  • Prédire une valeur à partir de données linéraires

Contexte

React est une des librairies javascript la plus utilisée pour construire une interface utilisateur riche et performante. Tensorflowjs est l’implémentation de Tensorflow pour NodeJS et pour permettre aux développeurs d’utiliser côté client des modèles de machine learning créés côté serveur.

Préparation de l’environnement

Node.js doit être installé pour générer le projet et gérer les dépendances.

Amichaud Romain

French independant developer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store