React – Property Listings

Learn how to build a Google Map component and filter properties using React.js.

Module 1 Property Listings
Unit 1 RW - Map – #1 – Introduction and setup – 5:02
Unit 2 RW - Map – #2 – Properties Card Component - 7:30
Unit 3 RW - Map – #3 - Card details rendering - 7:17
Unit 4 RW - Map – #4 - GoogleMap component - 10:27
Unit 5 RW - Map – #5 – Rendering dynamic markers - 10:49
Unit 6 RW - Map – #6 - Scroll and info windows - 11:35
Unit 7 RW – Map – #7 - Prevent scroll - 8:12
Unit 8 RW - Map - #8 - Binding This - 4:45
Unit 9 RW - Map - #9 - Header and Filter components - 12:38
Unit 10 RW – Map – #10 - Filter Bedrooms - 6:49
Module 2 Advanced Filtering
Unit 1 RW - Map - #11 - setState Callback function - 9:50
Unit 2 RW - Map - #12 - New filteredProperties array - 5:22
Unit 3 RW - Map - #13 - Updating Google Map - 8:02
Unit 4 RW - Map - #14 - Filtering by bathrooms - 5:50
Unit 5 RW - Map - #15 - Clearing filter - 7:34
Unit 6 RW - Map - #16 - Empty state and bug fixing - 9:32
Unit 7 RW - Map - #17 - Sorting order - 12:14
Unit 8 RW - Map - #18 - Filtering by price - 9:39