Photo by Fotis Fotopoulos on Unsplash

Link to iOS part:

First step: Scaffold RN app

What is this about

What this is not about

Photo by Denis Cherkashin on Unsplash

What is this about

Android Part

Let’s start

Photo by Zan on Unsplash


  • Intro
  • Creating MyXXXPackage class
  • Creating native view component (and from XML files)
  • Rendering native view component in React Native
  • Committing fragments to the views
  • Rendering fragment's placeholder
  • Finding the ID of the view in…

Photo by Caspar Camille Rubin on Unsplash

Photo by Alexander Schimmeck on Unsplash

Installing packages

  • react-native-svg (12.0.3)
  • react-native-svg-transformer (0.14.3)

Voilà, result

  • Search.svg contains only XML metadata (as they were exported from Sketch)
  • ES6-import support for SVG files
  • Rendering SVGs it was React Component

Photo by Thought Catalog on Unsplash

Start With React Native

Photo by Allef Vinicius on Unsplash

+ my personal opinions

1. Find your “WHY”

Stefan Majiros

Now open to contract / freelance work !

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