React - The Complete Guide 2025 (incl. Next.js, Redux)
Год выпуска: 1/2025
Производитель: Udemy, Maximilian Schwarzmüller
Сайт производителя:
https://www.udemy.com/course/react-the-complete-guide-incl-redux/
Автор: Maximilian Schwarzmüller
Продолжительность: 70:31:42
Тип раздаваемого материала: Видеоурок
Язык: Английский
Субтитры: Английский
Описание:
What you'll learn
- Learn React from the ground up and finish the course as an advanced React developer
- Build multiple high-quality demo apps, including a fullstack app built with NextJS
- Join more than 900,000 students in this course & more than 3,000,000 students I taught across all my courses
- Build fullstack React apps with NextJS 14+
- Follow along locally or in a cloud development environment
- Learn all about React Hooks and React Components
- Manage complex state efficiently with React's Context API & React Redux
- Build standalone React apps & applications connected to a backend via HTTP
- Learn about routing & route-related data fetching with React Router
- Implement user authentication in React apps
- Get started with React Unit Testing
Requirements
- JavaScript + HTML + CSS fundamentals are absolutely required
- You DON'T need to be a JavaScript expert to succeed in this course!
- ES6+ JavaScript knowledge is beneficial but not a must-have
- NO prior React or any other JS framework experience is required!
Description
This bestselling course has turned more than 900,000 students into ReactJS developers (more than any other React course on Udemy)!
Updated December 2024:
Fully updated for React 19!
- Added brand-new section on "Form Actions" (introduced by React 19)
- Added brand-new section on React Server Components (stable with React 19)
- Updated multiple lectures to adjust for smaller changes due to React 19
Updated earlier 2024:
- Added brand-new content (~3h) on the NextJS App Router
- Added a brand-new "Best Practices & Patterns" section
BIG COURSE UPDATE October 2023:
- Updated the entire first half of the course (re-recorded lectures, other half was updated at beginning of year already)!
- Improved explanations & demo projects. Course now covers even more key concepts & best practices.
Updated August 2023:
- Added brand-new section on React Query (Tanstack Query)
- Added brand-new section on animating React apps with Framer Motion
Updated June 2023:
- Add two new practice projects
- Added more coding exercises
- Added brand-new JS Refresher section
- Tons of minor improvements & fixes
This course is completely up-to-date with the very latest version of React with all the core, modern features you need to know & teaches you React in a practical, hands-on way!
Updated February 2023:
- Completely re-recorded majority of second half of course (incl. routing, authentication)
- A Course For Busy Customers & Business Professionals!
- This course also comes with two paths which you can take: The "complete" path (full >40h course) and the "summary" (fast-track) path (~4h summary module) - you can choose the path that best fits your time requirements!
- React.js is THE most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web.
- This course teaches you React in-depth, from the ground up, step by step by diving into all the core basics, exploring tons of examples and also introducing you to advanced concepts as well.
- You'll get all the theory, tons of examples and demos, assignments and exercises and tons of important knowledge that is skipped by most other resources - after all, there is a reason why this course is that huge!
- And in case you don't even know why you would want to learn React and you're just here because of some ad or "the algorithm" - no worries: ReactJS is a key technology as a web developer and in this course I will also explain WHY it's that important!
Welcome to "React - The Complete Guide"!
This course will teach you React.js in a practice-oriented way, using all the latest patterns and best practices you need. You will learn all the key fundamentals as well as advanced concepts and related topics to turn you into a React.js developer.
This is a huge course because it really covers EVERYTHING you need to know and learn to become a React.js developer!
No matter if you know nothing about React or if you already got some basic React knowledge (not required but also not a problem), you will get tons of useful information and knowledge out of this course!
My goal with this course is to ensure that you feel confident working with React, so that you can apply for React jobs, use it in your own projects or simply enhance your portfolio as a developer - whatever your goal is: This course gets you there!
I kept this course updated since its initial launch to ensure that you always learn React in the best possible and up-do-date way!
What's in this course?
- A thorough introduction to React.js (What is it and why would you use it?)
- All the core basics: How React works, building components with React & building UIs with React
- Components, props & dynamic data binding
- Working with user events and state to create interactive applications
- A (thorough) look behind the scenes to understand how React works under the hood
- Detailed explanations on how to work with lists and conditional content
- React Hooks (in-depth)!
- Working with built-in Hooks and building custom Hooks
- How to debug React apps
- Styling React apps with "Styled Components" and "CSS Modules"
- Working with "Fragments" & "Portals"
- Dealing with side effects
- Class-based components and functional components
- Sending Http requests & handling transitional states + responses
- Handling forms and user input (incl. validation)
- Using React Form Actions
- Redux & Redux Toolkit
- Routing with React Router
- Understanding React Server Components
- An in-depth introduction into Next.js
- Deploying React Apps
- Implementing Authentication
- Unit Tests
- Combining React with TypeScript
- Adding Animations
- Tons of examples and demo projects so that you can apply all the things you learned in real projects
- And so much more - check out the full curriculum on this page!
This really is the "Complete Guide" - promised!
And best of all?
You don't need any prior React knowledge!
This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge (though the course even includes a brief JavaScript refresher to ensure that we're all on the same page!).
Check out the full curriculum, the free preview videos and join the course risk-free thanks to the 30-day money-back guarantee!
Who this course is for:
- Students who want to learn how to build reactive and fast web apps
- Anyone who's interested in learning an extremely popular technology used by leading tech companies like Netflix
- Students who want to take their web development skills to the next level and learn a future-proof technology
Формат видео: MP4
Видео: avc, 1280x720, 16:9, 30000к/с, 200кб/с
Аудио: aac, 48.0кгц, 119кб/с, 2 аудио
MediaInfo
General
Complete name : C:\Udemy - React - The Complete Guide 2025 (incl. Next.js, Redux) (2025-1)\09 Practice Project Project Management App (with Components, State, Refs & More)\03. Styling the Sidebar & Button with Tailwind CSS.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 11.7 MiB
Duration : 5 min 0 s
Overall bit rate mode : Variable
Overall bit rate : 328 kb/s
Frame rate : 30.000 FPS
Writing application : Lavf61.9.100
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 4 frames
Format settings, GOP : M=4, N=60
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 5 min 0 s
Bit rate : 200 kb/s
Nominal bit rate : 400 kb/s
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.007
Stream size : 7.17 MiB (61%)
Writing library : x264 core 164 r3095 baee400
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=22 / lookahead_threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=60 / keyint_min=6 / scenecut=0 / intra_refresh=0 / rc_lookahead=60 / rc=cbr / mbtree=1 / bitrate=400 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=400 / vbv_bufsize=800 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709
Codec configuration box : avcC
Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 5 min 0 s
Source duration : 5 min 0 s
Bit rate mode : Variable
Bit rate : 119 kb/s
Maximum bit rate : 128 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 4.24 MiB (36%)
Source stream size : 4.24 MiB (36%)
Language : English
Default : Yes
Alternate group : 1
