Back to Browse

React Native basics | native function usage inside React component | mobile | Step by Step tutorial

287 views
Nov 2, 2021
21:26

In this tutorial we are going to create a very simple React Native application. With this application the user can take a picture and after that the application will analyze the picture and will return all the pixel's hexa color of it. I will show you how can you install react-native-cli, how can you set up your environment variables and Android SDK. I'm going to use traditional hooks in our React component. I'm also going to show you the deployment process and you will be able to see the application running on my phone. -------------------- You can find the final code's repository here: https://gitlab.com/codeching/react-native-basics -------------------- I will start the video with a little success story, because I've just got my Professional Excellence Award at Lufthansa Systems :) 00:00 - My Professional Excellence Award 01:07 - Intro 01:41 - Prerequisites / getting started API 04:02 - Install additional dependencies 04:40 - Setup Android permissions 04:59 - Writing the native java module and package which returns all the pixel's hexa color value of an image 11:02 - Modifying the App.js React component 20:31 - Final deployment / try out the final application 20:51 - Summary ------------------------------ Welcome to Codeching channel! My name is László Leber Webpage: https://lebersoftware.hu Facebook: https://www.facebook.com/Codeching-111388913727599/?modal=admin_todo_tour Twitter: https://twitter.com/codeching Instagram: https://www.instagram.com/laszlo_leber/

Download

1 formats

Video Formats

360pmp432.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

React Native basics | native function usage inside React component | mobile | Step by Step tutorial | NatokHD