Learn React by Building Real Projects

Be challenged and build a real web application

3.95 (179 reviews)
Udemy
platform
English
language
Web Development
category
Learn React by Building Real Projects
11,226
students
7.5 hours
content
Aug 2019
last update
$19.99
regular price

What you will learn

Learn React

Working with forms

Filtering Data

Breaking down layouts with components

Description

One of the most important projects for a developer is to build a real estate app because of so many different skills that are needed to create it. So for developers this is a must have for your portfolio. We go from learning how react works to building each component to filtering the listings.

Content

Introduction to React

Setting Up Environment
This course is free because...
A quick peek under the hood
My first Component
Different ways to create components
Attributes with jsx
Working with events
Lets organize these components
Passing Data through props

Build Real Estate App

Setting up for the real estate
laydown the header
Finish styling the header
Laydown content area
Filter HTML
Style the filter section
Laydown Listings Area
Style search bar and sort area
style the listing box part 1
Style the listing box part 2
Style the listing box part 3
Pagination
Creating dummy data
Loop our data
Working with forms
Filtering by price and floor
Filter by City
Populating Data
Sorting Data
Change Vies
Search functionality
More Videos Coming Every Day
Real Estate App Conclusion

Reviews

Ken
August 25, 2022
We could have covered more ground on React itself as a framework if the HTML and CSS were just given as resource files for us to copy and paste in our local machines as we follow along.
Aprajit
October 14, 2019
Not really worth it if you are just starting with react as the instructor in the tutorial is not up to mark and coding style is super confusing and some videos are too long but you shouldn't be expecting anything anyway because course is for free but BEWARE THAT TIME IS NOT.
Anderson
June 27, 2019
Joe Builds the best projects to get your Portfolio Ready. Thanks so much dude. I was kinda lost until I found codingphase.com
Miguel
April 18, 2019
This is the second course i am having from Joe, very easy way of learning, hands on practical teaching. I would recommend this for sure.
Christian
February 11, 2019
After realizing that I needed to open a tab in Chrome and type in the address 'localhost:3000' and then in the command line 'npm run watch', I was off to the races.
William
December 28, 2018
Joes is one of the best instructors on YouTube and one of my main inspirations for becoming a web developer. Thank you for the awesome course. I can’t wait to sign up for your next course.
Mark
December 12, 2018
A great laid back style, great attention to detail whilst getting to the point, not like all those other ‘so called’ premium Udemy courses. Excellent tutor. Coding Phase is the place to be
Sean
September 23, 2018
This course is definitely one that is great for those who are new to React! Like the requirements say, you need a solid understanding of HTML, CSS, and the fundamentals of Javascript ES6. But while watching and coding along to the course, I've come across concepts and techniques that are definitely useful for real-world projects. I'd recommend using this course along with some more material that's out there for React to get an even better understanding of the technology. But this course is definitely a great course to get one's feet wet.
Dylan
July 19, 2018
Project has real world application which is great as most courses dont have that and has room to expand on, good course.
Leon
July 4, 2018
Joe Santos gives alot of real world insight and application with a straight to the point project build of a real estate application with react. I found this course super helpful and will refer back to it often as a resource for developing with React. Thanks Joe
Sam
June 16, 2018
Joe is a very good instructor. While learning this I can tell you that he teaches very well. I understand and I can comprehend with his learning. Joe possesses a finesse in imparting skills over to others. 100% Must Buy!
Admir
January 27, 2018
Thanks for this man! I've tried with different courses, and they just got me confused. This one is legit!
Dante
November 20, 2017
Enjoying the course so far, Joe mentioned that he will be doing 5 projects in total, he has one project as of November 24 (Real Estate App - Client Side) and the course is still incomplete. There isn't enough content for it to deserve full ratings. Hopefully he uploads the remaining 4 soon with a backend section as there isn't a lot of courses our there that teaches Full-stack React Development from the ground up.
Isaiah
November 16, 2017
Thanks for the free course Joe! And you did a good job so far on the videos. I like that you let ppl know what to focus on because coding could be too much to look at all at once
Isaac
October 6, 2017
This is very good tutorial with very advanced functionality implemented and I really enjoyed the styling. I 100% recommend. It doesn't have a backend with it for those looking for that, but there's very advanced client functionality you can learn from this course that I haven't seen in other courses. It was great. Hoping you have a sass tutorial also.

Charts

Price

Learn React by Building Real Projects - Price chart

Rating

Learn React by Building Real Projects - Ratings chart

Enrollment distribution

Learn React by Building Real Projects - Distribution chart
1354598
udemy ID
9/19/2017
course created date
8/8/2019
course indexed date
Bot
course submited by