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/2
    • 1.1. Introduction
      03:37
    • 1.2. Expo CLI
      05:38
    • 1.3. What is react?
      03:53
    • 1.4. Getting started
      12:30
  • 2. Make your first app
    2/2
    • 2.1. Use and connect with Github
      02:32
    • 2.2. Styled components + Intro component
      12:36
    • 2.3. Add custom font
      04:31
    • 2.4. Project component
      09:27
    • 2.5. Data arrays & scrollview
      07:10
    • 2.6. Navigation & passing data
      23:05
    • 2.7. Share functionality
      09:41
    • 2.8. Customize tab bar navigation
      04:21
    • 2.9. Finalize homescreen & overview projects page
      12:06
Speakers
Learn from the best
  • Joël van Bodegraven

    Joël van Bodegraven

    Product Designer at Adyen

    @Jvb_nl

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

Similar Courses