The things that changed for me when switching from web applications to native applications

Photo by Mukuko Studio on Unsplash.

I’ve recently started working on an Android application, and as a React developer, I made the easy choice to use and test React Native to do so because it helped me stay in my comfort zone and also gives me the opportunity to explore iOS someday.

Even if it is the same framework, using React for native applications is a little bit different than React on the web.

I’m writing this article to share the main differences I have found between the two platforms along with a few tips I had to figure out to obtain the desired final behavior.

View or Text — There Is No div


Based on my experience acquired building several big projects

Photo by Dayne Topkin on Unsplash.

When we first develop a React app, we can just put every component in a folder and it works. But when it comes to larger projects, it might be difficult to find our way between files if we keep using React this way.

So how can we handle a bigger project? Dan Abramov has a way. You don’t think this is very helpful? Actually, it is. It’s the best way to find the perfect architecture that will fit your needs, but at a cost of many iterations in folder creation and removal.

Today, I’m introducing the result of my many…


Using the Redux DevTools extension

Photo by Barn Images on Unsplash.

Some time ago, I shared how I dropped Redux for the Context API when I’m creating a React application. The article got some great feedback, but I also had some people saying that it’s pretty hard to debug compared to the Redux DevTools and asking me if there is an easy method to do it.

The answer is yes. Actually, if there is something awesome about Redux, it’s the DevTools. The great part is we can link them easily with our Redux-free app — and with everything we like, really.

Let’s now see how it works!

Redux DevTools API

When we have Redux…


My experience on how to succeed them

Congratulations on completed new year resolutions — Photo by me

tl;dr: Imagine your resolution for the next year, make little steps and start them whenever you feel ready.

At the beginning of last year, I made a few resolutions with a goal: to start becoming a better myself. It’s something I have never achieved to keep during a whole year, not even a single little one of them.

This year I was able to complete some of them -not all of them still because of unfortunate events- and it feels great.

How did I achieve this? It was actually pretty simple. …


A very fast way to deploy your application with GitHub

Photo by Allan Nygren on Unsplash

Google recently announced Cloud Run, a new Google Cloud Platform (GCP) feature, to deploy your Docker applications fast and easily. This guide will explain how to build and deploy a simple static application using the new continuous integration/continuous delivery system provided by GitHub: Actions.

To make this project live, we’ll use the following tools:

  • Google Cloud Run, to execute our Docker containers
  • Google Cloud Container Registry to store our Docker images
  • GitHub Actions to manage the continuous deployment
  • GitHub to store the source code of our project.

Configure the GCP Project

Service account creation

The first step is to create a service account which will allow us…


A new simple way to handle your CI/CD within GitHub

I recently got access to GitHub Actions and I decided to test it with a simple deployment in ZEIT Now. My first steps were to look at this wonderful article from Leonhard Melzer.

It contains a lot of useful information but, unfortunately, it uses the old workflow syntax, which is now deprecated in favor of YAML. I spent a lot of time making the conversion, so here is an article on how I achieved it with a yml file.

Requirements

  • At the time I’m writing this story, GitHub Actions is still in beta. …


Using Husky to make an awesome git workflow

A practical guide to Git hooks using Husky

What Is This All About?

I really like making perfect commits, and I particularly hate appending or creating a new commit because of a guideline mistake. So I needed a tool that would bark at me when I was about to make a bad commit.

The Internet is full of tutorials explaining what Git hooks are for, but I still had to spend a lot of time to build a nice workflow for my JavaScript applications to use them correctly. So here is an overview of my toolkit that I use today on every single project.

The first library focused on workflow automation is Husky


The personal story of how I replaced Redux with Context API

React 16 introduced a new Context API to replace the deprecated one. OK, it’s been more than a year since the release of version 16.3, but it still seems fresh in the React ecosystem.

This new API came with the promise to solve a lot of problems with the previous experimental way to use contexts. To me, it did a lot more; it changed the way I make React applications. This is the story of how I managed it.

I won’t give a course on how Redux works. If you want a refresher, you can check the amazing course from…

Bruno Sabot

🚀Front Developer, React, VueJs, HTML, CSS, Performance, UX. 🏡 @ZenikaIT & @bdxio & @GDGBordeaux & https://brunosabot.dev

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