Mobile Design

From a React Native developer’s perspective, UX and UI analysis can provide valuable insights into the onboarding process and user experience.

View all posts

Blog

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

github-linkedin-chatgpt

How to automate LinkedIn publications from GitHub message commit with ChatGPT

Learn how to automate your LinkedIn messages based on your Git commits with the help of Zapier and ChatGPT. This article walk...

react-native-center

How to Center Views or Text in React Native: 11 Methods with Code Examples

Looking for ways to center views or text in React Native? In this article, we provide 11 different methods with code examples...

react-native-svg-icons-component

How to create components from an `svg` file with `svgr/cli` for React Native

All the steps to dynamically transform SVG files to React Native components. It's useful for icons, logos, and animations bec...

react-native-setup

VS Code setup for productive React Native Developer

How to setup your Visual Studio Code to be more productive with React Native and Expo projects.

keyboard-react-native-ios-android

13 React Native keyboard examples on iOS and Android

Get a comprehensive overview of the various types of keyboards available for React Native-based applications on both iOS and ...

react-native-expo-email-app

Launch and open email app with Expo Managed Workflow and Expo Intent Launcher

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 E...

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 an...

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...

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...

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 car...

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 Mailchi...

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 t...

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...

Want to learn more about React Native? join the bootcamp

Subscribe?

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