React JS Notes App & Crash Course (09/2021)
React JS Notes App & Crash Course
WEBRip | English | MP4 | 1280 x 720 | AVC ~1861 Kbps | 30 fps
AAC | 128 Kbps | 48.0 KHz | 2 channels | Subs: English (.srt) | ~2.5 hours | 2 GB
AAC | 128 Kbps | 48.0 KHz | 2 channels | Subs: English (.srt) | ~2.5 hours | 2 GB
Genre: eLearning Video / Development, Web Development, React
Learn React while building a cool notes applicationWhat you'll learn
Basics of React
React hooks and components
State management and lifecycle methods
Getting and sending data to and from an API
Basic CRUD operations with REACT
Description
If you're new to React, you'll have fun learning the basics of how react works while building a fully functional notes app with some cool features.
React is a frontend framework used by many established online companies such as Airbnb, Instagram, Uber Eats, Discord, and Pinterest just to name a few. Knowing how to build websites while with React will open up a wide range of job opportunities due to the demand for React developers around the world.
This course is meant for complete beginners but can be enjoyed by anyone who has a base understanding of React and is looking to add another fun project to show off on their resume. While the application is quit simple I did add a few features that stand out such as autosaving without having to manually click the submit button when editing notes and some data manipulation to generate titles and previews to notes displayed in the list.
My goal with this course is to give you an introduction so you can build a working application in as little time as possible, this is not a complete React course. I hope you enjoy this course and enjoy the start to this awesome journey of learning one of the worlds most used frontend frameworks :)
Who this course is for:
Beginner React developers looking to learn React while building a fun project.
also You can find my other useful: Development-posts
General
Complete name : 1. Setting up JSON Server.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 105 MiB
Duration : 7 min 21 s
Overall bit rate : 1 998 kb/s
Writing application : Lavf58.12.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, RefFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 7 min 21 s
Bit rate : 1 861 kb/s
Nominal bit rate : 3 000 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.067
Stream size : 98.0 MiB (93%)
Writing library : x264 core 148
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=3000 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=3000 / vbv_bufsize=6000 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : mp4a-40-2
Duration : 7 min 21 s
Duration_LastFrame : -3 ms
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 6.74 MiB (6%)
Default : Yes
Alternate group : 1
Complete name : 1. Setting up JSON Server.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 105 MiB
Duration : 7 min 21 s
Overall bit rate : 1 998 kb/s
Writing application : Lavf58.12.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, RefFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 7 min 21 s
Bit rate : 1 861 kb/s
Nominal bit rate : 3 000 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.067
Stream size : 98.0 MiB (93%)
Writing library : x264 core 148
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=3000 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=3000 / vbv_bufsize=6000 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : mp4a-40-2
Duration : 7 min 21 s
Duration_LastFrame : -3 ms
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 6.74 MiB (6%)
Default : Yes
Alternate group : 1
Screenshots
React JS Notes App & Crash Course (09/2021)
React JS Notes App & Crash Course (09/2021)
React JS Notes App & Crash Course (09/2021)
React JS Notes App & Crash Course (09/2021)
React JS Notes App & Crash Course (09/2021)
Exclusive eLearning Videos ParRus-blog ← add to bookmarks
React JS Notes App & Crash Course (09/2021)
