Do you THINK in React? 🤔

One of the great things about React is how it makes you think about apps as you build them. In this video, we’ll walk through the 5 step process of building a searchable product data table using React. As a bonus, we’ll style this ReactJS app using Tailwind CSS.

All of the code for each step are linked below. Help me out by liking the video and subscribing if you haven’t already. 🙏

🔖 Chapters

• 00:00 - Intro
• 01:09 - Start with the basics
• 01:23 - Step 1: Break UI Into Components
• 02:48 - Step 2: Build A Static Version
• 05:21 - Step 3: Minimal Representation of State
• 07:10 - Step 4: Where Should State Live?
• 08:58 - Step 5: Add Inverse Data Flow
• 10:40 - Bonus: Tailwind CSS Styling

📚 Resources
Step 2 Code: https://codepen.io/codeSTACKr/pen/QWyvjMW
Step 4 Code: https://codepen.io/codeSTACKr/pen/PoZmPRg
Step 5 Code: https://codepen.io/codeSTACKr/pen/mdVmezo
Tailwind CSS Styled Code: https://codepen.io/codeSTACKr/pen/oNbWbNQ

#react #javascript #tailwindcss #web-development #developer