ReactJS Complete Getting Started Guide - Movies Search with MovieDB API

Installing Create-React-App: 04:54
Starting our React Server: 07:27
Intro to JSX: 10:23
CSS Styling Components: 16:08
Reactive State: 20:24
Creating Dummy Movies: 24:09
Refactoring Multiple Components: 33:21
jQuery & MovieDB API: 38:20
Consuming JSON: 44:17
Handling Search: 50:54
Click Handler Browse Movie: 55:58

ReactJS is a very popular framework for creating modern web applications for the browser. Today's course will walk you through how to install and create a React application. We'll also go over the important topics of consuming data and showing it in our app. Enjoy.

Movie Search API

Podcasts Course

Intermediate Training Core Data

Instagram Firebase Course

Facebook Group

Completed Source Code

[dylangodfrey]

You're my favorite youtuber for tutorials. I started watching your IOS App Tuts videos 3 years ago when I was trying to choose my profession. Now im a software engineer, thanks for the inspiring tone and clear tutorials.

[serhiikolontaievskyi]

Hey, instead of using binding, you can use a shorthand, you just have to use an arrow function like this:

searchChangeHandler = (event) => {

}

After that, in onChange attribute you can just type:



Thanks for the video, awesome as always!

[Dennisvm]

You are awesome, Brian! Love how you are covering so many new things lately. From frontend to backend, and now to web design. Gotta do more with Javascript. It's such a strong programming language.

[milakohen]

it's amazing! ios+js!!! why are devs doing those 2 ???? so glad to see you!!! #respect!!!!

[aymanelmohamad]

AWESOME TUTORIAL. DON'T EVER STOP!!

[firezdog]

Another question -- why do you use a click handler to link to the movie page instead of an <a> tag? Is it to give us practice with event handlers?

[saad]

The best part about this video is showing an actual, proper use for tables

[Nicky-dweu]

I just started using React yesterday at my work. Perfect timing !

[mayur]

Amazing video. I would recommend you to use the fetch api or axios rather than using jquery.

[alexi]

Dude you're awesome!!
I made this as my project (ofc with some modifications) but still, you gave me everything I needed!

[TheSmellOfCode]

Good video. Nowadays it's important to know web development, especially if you are working alone or in a small team.

[АндрейВелков]

Очень хорошая подача материала, спасибо!!!

[sameetdmrr]

I had trouble with 'Fetch Api'. I found it on you that I had to pull the data in the series on the news site. Thank you :)

[alexeimakes]

loving your hustle man - don't forget about something like this for vue =)

[ethanli]

Question: Working well under localhost, but having trouble in deploying it and I have tried heroku and netlify neither work. Can anyone tell what's missing if I want to deploy it via those websites?

[shivamshah]

U are amazing my friend!!!! Thankyou so much

[bryansa]

Hey, thank you for this guide it helps me a lot for a school project !!!

[nishmamaskey]

is there a way I can display search results only after clicking maybe a Search button? Because for my use case, I do not want to display all the available results at the beginning. Thank you.

[antoniofiorillo]

At the 47:58, my app give me this error: 'TypeError: Cannot read property 'forEach' of undefined'...???

[goxrplus_studio]

Don't bind inside render method.


Usd constructor or () => arrow functions