How to get started with React Native without excruciating pain

Guide for beginners

If I were recording a video on Youtube, I would start it like this: β€œHello everyone! This is Masha from Web Secret . And today I will tell you how to write cross-platform applications in React Native and not suffer from it ... "

But this is not Youtube and you hardly know me. Nevertheless, I really have a lot to tell newbies about React Native, which started my work at Web Secret. Firstly, I plunged into it after I really started to feel sick from the layout on the web. And I have never regretted that I did it. Since then many sleepless nights, cups of coffee and ... it doesn't matter. The main thing is that I have never regretted anything. Even that my acquaintance with cross-platform applications began with the use of Expo. Yes, yes, I didn't have a poppy. But there was a wild desire to do it beautifully, neatly and conveniently. And you know, I succeeded. Familiar native developers can no longer distinguish how the application was written. 

Therefore, if you, like me once, are at the beginning of your journey, read my reminders. They will make sure that the path is not as thorny as that of Ellie from the Emerald City.

Documentation or "what can this thing do?"

The first and very important is the documentation. Many do not read it at the start and prefer to understand it along the way, which becomes the biggest mistake. Looking ahead, I will say that I myself allowed it, so from the height of my experience I want to warn you.

Without familiarity with the documentation, most likely you will begin to produce some kind of nonsense and reinvent the wheel. In it, everything has long been well and beautifully spelled out. At least the basics of the basics. 

* Documentation for what you plan to work with. If with React Native, then to it. If you are still with Expo and React Navigation, then their documentation is worth reading at the start. 

, , , , .

, , , , . . 

, Google . , , .

, , ?

– . . React Native. , . , , . , , . - . – , React. 

, React, React Native, - . 8-10$, … . 

…

. … ? , , . , , . 

, , – , . .

. , . .

, . . - , - . . , , . : β€œ ?” , . , , . , , . 

, , , Android, . , , β€” Germes. .

, - , , Android, .

, , . React Native. , , . .

, , . , Fashion House, -10 , . 

, . ?

, . Mobile , - , Instagram, Telegram, Aliexpress .. β€” , , , , - , , ..

, , . , ,

Apple Pay Google Pay

, . . , , , . , .

 

? . 

Push-

, β€œβ€ , , . , β€œβ€. 

, , β€” β€” . β€” . 

React Native , , . , , . 

  

, ? , . , , . , LiveXP, -, , . .  

, 14 , . , . .

, Expo . β€œ ”, . , - Expo , JS β€” Expo . . , Macbook. , Expo - , , React Native. 

Expo β€” . . , Expo , , - , . , Plasma Messenger. 

β€” . , , . , , . . β€” , UI. , .. , . , , , , . 

 

, . , . , . β€” , . . β€” , . . : β€œ, ”. , 1 , . 

?

, , :

  • Face ID?

  • Apple Pay? ( Expo , , )

Expo React Native, , , )))

React Native -: - , - Android, iOs. , , , .. - . , .. Expo .

, , React Native, , .

If you have time, I recommend that you study in advance how certain must-haves work: maps, cameras, QR codes. By setting the appropriate task in the development process, it will already be easier for you. And with practice, you will already perfectly imagine how long it takes for this or that action. 

And finally, 5 commandments from me:

  1. READ THE DOCUMENTATION

  2. Stay tuned for platform updates

  3. Google platform differences

  4. Work a lot

  5. And remember, you can always leave, the main thing is not to panic.




All Articles