Get a 50% discount when you buy 2 courses or more!

Course Learn From Anywhere

2 Hours English

Build your first React Native app using Framer web

Are you a creative who is new and interested in code? Then this course is something for you! In this course, I'll be covering all the basics of React Native and you will be able to create your first portfolio app! In 10 easy-to-follow video's, I walk you through the process of building your first app.

Aside from all the videos, you'll get all code files, working examples and cheat sheets to kickstart your coding adventure.

This course is from a designer's perspective and tailored for beginners. You'll also get access to our Slack channel in case you have any questions OR if you like to share your app with the community!

I will be giving this workshop in English and Dutch. I've prepared design and code templates so we can kickstart your code adventure.

This workshop is from a designer's perspective. We start with Framer Web and end up with a real working React application! You can decide if you'd like to build a website with React or if you want to create a React Native app.

What you get:

  • Design templates
  • Boilerplate project of ReactJS or React Native
  • Cheat sheet for React syntax

Global outline:

  • 1. Introduction session to discover your goals for this workshop + setting up your code environment (installing the tools and resources).
  • 2. Introduction to ReactJS.
  • 3. Styling and components.
  • 4. Navigation and using data in React.
  • 5. Creating animations and effects with React.
  • 6. Optimization and publishing your app.
Trailer What you’ll learn
Course content What Will You Discover?
2 Hours
  • 1. Getting started
    • 1.1. Introduction
    • 1.2. Expo CLI
    • 1.3. What is react?
    • 1.4. Getting started
  • 2. Make your first app
    • 2.1. Use and connect with Github
    • 2.2. Styled components + Intro component
    • 2.3. Add custom font
    • 2.4. Project component
    • 2.5. Data arrays & scrollview
    • 2.6. Navigation & passing data
    • 2.7. Share functionality
    • 2.8. Customize tab bar navigation
    • 2.9. Finalize homescreen & overview projects page
Course details

Build your first React Native app using Framer web

Build your first React Native app using Framer web

By Joël van Bodegraven

$17.50 65% off $50

This offer ends:

  • English
  • English, Spanish, French (Machine translation)
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
Learn from the best
  • Joël van Bodegraven

    Joël van Bodegraven

    Product Designer at Adyen


    Joël van Bodegraven is a Dutch-born Product Designer with a passion for Machine learning and AI.

Similar Courses