Sign in

Full Stack developer | Toptal | External Contractor at RBI | https://julien-rioux.web.app/

As web developers, we know that running Machine Learning in the browser open us to a lot of opportunities. But where to start?

On 30 March 2018, the TensorFlow team reveals the Javascript version of TensorFlow, their famous ML framework. TensorFlow.js allow us to import pre-trained model, re-train existing imported model and finally define, train, and run models entirely in the browser using Javascript.

In this first article, we will build a simple image recognition app using React.js and a brand new library called ml5.js.

Build on top of Tensorflow.js, ml5.js is a friendly, high level interface that provides access…


Acquired by Google in 2014, Firebase is helping developers to build high-quality apps more easily. In this article, you will learn how to quickly deploy a React.js application on Firebase in 8 steps.

Let’s start!

Prerequisites

You need to have create-react-app and firebase-tools installed globally.

npm install -g create-react-app

&&

npm install -g firebase-tools

Step-1

First, you need to create your React.js app call firebase-deploy using the create-react-app tool

create-react-app firebase-deploy

Step-2

Once the installation is done, you need to get your app ready to deploy. To do so, Open your project folder and build your app for production.

cd firebase-deploy

yarn build

Step-3

After, you…


More OS, more problem they say. They’re right. This short article will help you to debug issues that are happening on IOS apps, from simple UI fix to the wildest Apple Pay issues 🤯

IOS Physical device: Connecting to the Safari debugging tool

IOS Physical device 📱

Here are a few steps to follow in order to connect your IOS native app to the Safari console so you can debug effectively!

  1. In order to allow the Safari inspector, you need to open your Setting’s device, tap on Safari, tap the Advanced button and turn ON the Web Inspector.


Debugging native apps can be hard on your patience. Fortunately, here is a simple tutorial that will show you how to connect your Android physical and your Android Studio emulated devices to the Chrome console.

Connecting your device to the Chrome debugging console ⚡

Here are the few steps that will allow you to connect the Chrome DevTool to the device you’re looking to debug.

Android Physical device 📱

Here are a few steps to follow in order to connect your native app to the chrome console:

1. Enable Developer mode by going to Settings, then tap on About phone and tap on Build number 7 times.


Customize your React.js app theme is now easier 🌈

In this article, in order to meet the needs of any business and brand, you will learn how to customize your Flawwwless ui theme colors.

If you’re new to Flawwwless ui, you can read a quick introduction article to the React.js component library right here.

Note: In this tutorial, we’ll also be using the package name flwww to designate the Flawwwless ui library.

Let’s get started 🎬

First, jump in your terminal and clone the stater code:

git clone https://github.com/JulienRioux/flwww-intro.git

Then, go in the root of your app using cd flwww-intro, install the needed package…


Flawwwless ui is a new open source React.js components library. The main goal of Flawwwless ui is to build a free components library that help developers to create high-quality enterprise application easily. With that in mind, we’ve also wanted to build a component library that can be easily integrated and customizable to match any existing applications without messing with existing styling.

This article is a brief overview of some of the components available inside Flawwwless ui. For more in-depth information about the livrary, you can find the full official documentation on https://ui.flawwwless.com.

Note: In this tutorial, we’ll also be using…


Sometimes the React lifecycle methods can be a little tricky. Here is a brief explanation that will help you use them in your applications.

componentDidMount( )

Once the component is mounted, you now can use componentDidMount(). It’s a great place to initiate a network request if you need to. One importing thing to know is that if you use setState() in componentDidMount(), it will cause a re-render of the component. This will happen before the browser update the screen so the user won’t see the intermediate state. …

Julien Rioux

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