Mobile Design

UX and UI analysis form a React Native developer perspective.

View all posts

Blog

Articles about design, developement, automation and how to ship product for mobile users.

react-native-expo-email-app

Launch and open email app with Expo Managed Workflow

Do you want to be able to launch the main email app on a user's device (iOS and Android) from a react-native app built with Expo? here is the solution using `react-native-email-link` on iOS and `expo-intent-launcher` on Android

github-cheatsheet

Become a command-line power user with GitHub and gh

Avoid context switching and manage your GitHub workflow from the terminal.

git-cheatsheet

Become a command-line power user with git and Oh My Zsh

All the git basic commands shorcuts I use to be a productive React developer on macOS.

react-navigation-object-storybook

How to add navigation object on Storybook with React Native

Solving the error "couldn't find a navigation object. Is your component inside a screen in a navigator?" with React Native and Storybook.

react-native-news-feed

Create a timeline feed with expo-activity-feed for your React Native application

Use stream API to create a News Feed Social Media application with real time events in hours instead of months.

gatsby-with-tailwind

The fastest way for adding tailwind to your Gatsby website

How to use Gatsby recipes to install the tailwindcss framework to your codebase from the terminal.

testflight-release-for-react-native

Release standalone iOS build to Apple Store Connect with React Native Expo

Releasing a mobile application to the store can be tricky. Here is how to solve your upload problem with standalone iOS build release.

google-vision-with-react-native

Machine Learning with Google Vision in Expo React Native

Use the Google Cloud Vision API with React Native to identify the content of an image from your phone camera.

migrate-gatsby-to-typescript

Migrate your Gatsby website to TypeScript —the fast way

You can spend a lot of time accross the documentation, online tutorials and boilerplate. OR you can use an automated tool for the job.

react-native-autofill-textinput-with-sms

Allows iOS to autofill the TextInput with the incoming SMS on React Native

How to add a nice micro-interaction for your onboarding when you check the phone number.

get-started-as-a-freelancer-today

Get Started as a Freelancer Today

The benefits of being a freelancer are clear - independence, flexibility, better pay, & ultimately more control over your career. We get it - it's a daunting challenge to jump right into it. Taking the leap of faith means changing the way you work, your routines, leaving your old colleagues behind...

freelance-airtable-autopilot

Build an automated funnel of new clients with Airtable, Zapier and Mailchimp

All my tips for creating your own CRM and scale your activity. Use Airtable as a database, send automated emails with Mailchimp and organise your meetings with Calendly.

react-native-open-email

How to open the email application with React Native

This article seams simple. We "just" want to replicate the user onboarding of Slack with a maginc link. In the real world you need to add a third part library.

css-grid

CSS Grid by examples for React projects

My cheat sheet about CSS grid to create layout in React. I am using theses snippets on my website.

github-action-expo

Simple automated release workflow for React Native with Expo

Use GitHub actions to avoid manual deploy during the release of your React Native application. In this example we are using the Over The Air updates with Expo.

Subscribe?

Be the first to receive insightful articles and actionable resources that help you to elevate your skills across every touch point.