This is Behind the Build! Read helpful insights, tutorials, and real-world projects focused on front-end web development, WordPress, and user-centered design. Whether you’re a web developer, designer, or just curious about how great websites and apps are made, you’ll find practical tips and creative inspiration for the web-building process.
- How to Build an Art Gallery with React – Part 1: Get Started
Learn how to build a fully responsive filterable image gallery with React Javascript and CSS. Perfect for artistic portfolios and unique photo albums! - How to Build an Art Gallery with React – Part 2: Set the StageIn this lesson, you will learn how to build a JSON data file and begin building your app’s base React components.
- How to Build an Art Gallery with React – Part 3: ComponentsAdd building block components to your React-based Art Gallery. Learn about how properties and actions flow from parent to child and back again.
- How to Build an Art Gallery with React – Part 4: Filter ImagesAdd crucial interactivity to your Art Gallery React App by building filter functionality. Dynamically create filter buttons by pulling data from your JSON.
- How to Build an Art Gallery with React – Part 5: Add Cool FeaturesLearn how to add functionality to view images in full-screen popup windows. Also, add a shuffle function for some extra fun flair.
- How to Build an Art Gallery with React – Part 6: Wrap UpFinalize your React Art Gallery App. Learn how to build the project to launch on your website. Take on some challenges to level up your React skills!