Channel: Quentin Watt Tutorials

Category: Education

Tags: react hookshow toreact crash course 2020100 days of codelearn reactlearn javascriptreact 2020quentin wattreactjavascriptbuild a web appcrash courseweb developmenttutorialfree coursetailwindcss

Description: Learn how to make a React app with this 2 hour React crash course. Download the code: github.com/QuentinWatt/React-for-beginners-tutorial-series.git My Free Laravel API course: youtube.com/watch?v=xYsUKrKe_OI&list=PL41lfR-6DnOppiHXkPKZ2tT1WBIjIufVs&ab_channel=QuentinWattTutorials Chapters: 0:00 Introduction 5:29 NPX create-react-app 7:55 Project directory 9:29 First look to React (App.js) 14:42 React Component (create, import, props) 19:56 Class base syntax (declaring component) 21:40 Simple app Plus Minus (state hook and class base approach) 26:38 onClick() listener 28:39 Header component 30:40 Tailwindcss (install, postcss, autoprefixer) 40:07 Navigation menu 52:50 Navigation menu (animate with react-spring) 1:00:54 ReactRouter (navigating with react-router-dom) 1:13:35 Content (Views) 1:17:18 HTTP Request 1:22:03 Axios (install) 1:30:39 Loading symbol 1:36:09 axios.catch (Error statement) 1:40:05 map (Fetching list of products) 1:53:00 List child unique "key" Warning (solved) 1:55:20 Hooks 2:02:29 Closing words #LearnReact #ReactForBeginners #100DaysOfCode Follow me on social media: Twitter: @QuentinWatt Facebook: @quentinwatt Instagram: @quentinwatt Looking for a job? Try one of these referral links. ----- Europe: (London, Germany, The Netherlands, Barcelona & more) app.honeypot.io/ref/mDJbyi5GM2mpjKwCnLL6UV1m South Africa: (Cape Town, Johannesburg & Pretoria) offerzen.com/z/V0ImHT --- Subscribe: youtube.com/c/QuentinWatt I also make videos here: youtube.com/c/Quentin Donate with Paypal: paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CH68DBULMJ37N