Modern React with Redux [2024 Update]
Год выпуска: 1/2025
Производитель: Udemy, Stephen Grider
Сайт производителя:
https://www.udemy.com/course/react-redux/
Автор: Stephen Grider
Продолжительность: 75h 31m 8s
Тип раздаваемого материала: Видеоурок
Язык: Английский
Субтитры: Английский
Описание:
What you'll learn
- Create dynamic web apps using the latest in web technology
- Acquire the programming skills needed to obtain a software engineering job
- Practice your skills with many large projects, exercises, and quizzes
- Implement client-side navigation and routing using React Router for seamless multi-page user experiences
- Leverage the power of TypeScript with React for safer coding practices and reducing runtime errors
- Master form handling techniques, including robust validation patterns to improve user input experience
- Get a deep dive into state management with Redux and the Redux Toolkit to manage complex app states effortlessly
- Gain proficiency in handling API requests and managing data flow in your applications
- Enhance application performance with immutable state management using Immer
- Develop dynamic and responsive data tables to display, sort, and filter large datasets efficiently
- Streamline your development process by integrating TailwindCSS for rapid UI development
Requirements
- A Mac or Windows Computer
Description
This course gets updated frequently! Here are the latest changes
- February 21st, 2024: Added 2.5 hours of video showing routing and data loading with React Router
- February 12th, 2024: Added 1 hour of video to demonstrate integrating Typescript with React
- February 5th, 2024: Added 2.25 hours of video and 5 quizzes covering the basics of Typescript
Congratulations! You've found the most
popular, most
complete, and most
up-to-date resource online for learning
React and Redux!
Thousands of other engineers have learned React and Redux, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how React and Redux work, and will get you a new job working as a software engineer or help you build that app you've always been dreaming about.
The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.
React is the most popular Javascript library, and the job market is still hotter than ever. Companies large and small can't hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all-time high.
It's a great time to learn React!
___________________
What will you build?
This course features hundreds of videos with
hundreds of custom diagrams to help you understand how React and Redux work. No prior experience with either is necessary. Through tireless, patient explanations and many interesting practical examples, you'll learn the fundamentals of building dynamic and live web apps using React.
Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You'll find plenty of discussion added in to help you understand exactly when and where to use each feature of React and Redux.
Adding to your experience, the course shows modern techniques and tools, equipping you with the latest skills needed for the dynamic web development landscape. You’ll get hands-on experience with cutting-edge features like
Context API for state management,
TailwindCSS for styling,
React Router for navigation, and Typescript to add type safety to your React apps. This holistic approach ensures not only do you learn React and Redux but also the surrounding ecosystem that makes modern web development efficient and enjoyable.
Practical projects are at the heart of this learning experience. By integrating APIs, managing app state with Redux, and using React Hooks for component lifecycle management, you’ll have the opportunity to build applications that are both complex and high-performing. These projects are designed to simulate real-world web development scenarios, preparing you for the challenges that professional developers face daily.
My guarantee to you: there is no other course online that teaches more features of React and Redux Toolkit. This is the most comprehensive resource there is.
Below is a
partial list of the topics you'll find in this course:
- Master the fundamental features of React, including JSX, state, and props
- From square one, understand how to build reusable components
- Dive into the source code of Redux to understand how it works behind the scenes
- Test your knowledge and hone your skills with numerous coding exercises
- Use popular styling libraries to build beautiful apps
- See different methods of building UI's through composition of components
- Integrate Redux Toolkit for efficient state management
- Leverage React Hooks for more intuitive component logic
- Manage app-wide state with the Context API for simpler global state
- Style components with TailwindCSS for rapid UI development
- Utilize TypeScript with React for safer and more predictable code
- Implement navigation within your app with React Router
- Utilize Redux with forms for consistent state updates and user experience
- Learn to use portals for rendering components outside the DOM hierarchy
- Develop and interact with APIs for data-driven applications
- Master the implementation of data tables to handle and display large sets of data
- Get to grips with Immer for writing reducers with ease
Besides just React and Redux, you'll pick up countless other tidbits of knowledge, including design techniques, popular design patterns, and repeatable steps to build new components.
This is the course I wanted to take when I first learned React: complete, up-to-date, and clear.
Who this course is for:
- Programmers looking to learn React
- Engineers who have researched React but have had trouble mastering some concepts
Формат видео: MP4
Видео: avc, 1280x720, 16:9, 30000 к/с, 800 кб/с
Аудио: aac, 48.0кгц, 62.7 кб/с, 2 аудио
Changes/Изменения
The 2022/6 version has increased by the number of 26 lessons and the duration of 1 hour and 23 minutes compared to 2022/3, but it has no subtitles and 720p quality.
Version 2022/11 has increased the number of lessons by 123 lessons and the duration of 10 hour and 2 minutes compared to 2022/6.
Version 2023/3 compared to 2022/11 has reduced the number of 311 lessons and the duration of 26 hours and 27 minutes. (Old Contents were removed.) Also, the Quality of the course has increased from 720p to 1080p.
Version 2023/12 compared to 2023/3 has increased the number of 2 lessons and the duration of 2 minutes.
Version 2024/5 compared to 2023/12 has increased the number of 272 lessons and the duration of 38 hours and 11 minutes. Also, the Quality of the course has decreased from 1080p to 720p.
The 2024/12 version has an increase of 12 lessons and 10 minutes in duration compared to the 2024/5 version.
The 2023/3 version has a reduction of 2 lessons and 15 minutes in duration compared to 2022/11.
MediaInfo
General
Complete name : D:\1. Udemy Courses\Udemy - Modern React with Redux [2024 Update] (1.2025)\06. How to Handle Forms\05. Reminder on Event Handlers.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 15.2 MiB
Duration : 4 min 51 s
Overall bit rate : 438 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 : 4 min 51 s
Bit rate : 369 kb/s
Nominal bit rate : 800 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.013
Stream size : 12.8 MiB (84%)
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=800 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=800 / vbv_bufsize=1600 / 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 SBR
Format/Info : Advanced Audio Codec Low Complexity with Spectral Band Replication
Commercial name : HE-AAC
Format settings : Explicit
Codec ID : mp4a-40-2
Duration : 4 min 51 s
Bit rate mode : Constant
Bit rate : 62.7 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 48.0 kHz
Frame rate : 23.438 FPS (2048 SPF)
Compression mode : Lossy
Stream size : 2.18 MiB (14%)
Default : Yes
Alternate group : 1