We will be building a re-usable dynamic tab view that you can configure many different ways.
This course shows you how to build an end to end component that you can re-use many times and publish to the store. It solves a real problem.
This course is intermediate to advanced, you need to know some syntax and a bit of React but I try and slow down to explain concepts whenever needed.
All right, let’s go!
Updates:
May 26, 2019: Updated videos to YouTube
May 22, 2019: Initial publish
Wireframe the visuals
Let’s start with exploring the canvas and drawing a simple outline of what we want to build.
Basic canvas overview and how the preview works.
Drawing Frames and Stacks.
Code the behavior
Let’s recreate what we have on the canvas in a code component.
A basic overview of how code components work and how we express them in Framer.
A general explanation of React components and how to write jsx.
Recreate the canvas wireframe from code so we can hook it up later.
Wireframe the visuals
Code the behavior
Tab button component