Part 3 - جلسه ششم React آموزش смотреть онлайн
سلام، احتمالا نخونید این دسکریپشن رو ولی این اولین ویدئو از دوره رایگان React هست که پاییز ۱۴۰۱ برگزار شده.
پوزش اگه کیفیت ویدئو اونقدر جالب نیست،
مطالبی که تو جلسه ششم بهش پرداخته شده:
تو این جلسه با نکات تکمیلی در مورد previous state در useState برای گارانتی مقدار صحیح در #React شروع شد.
نحوه مدیریت چند state رو به صورت یک object و یک تابع setState تمرین کردیم.
با مفهوم مهم Accessibility و استاندارد های مختلفش مثل WCAG 2.0 در سطوح مختلف آشنا شدیم و با استفاده از وبسایت achecker میزان بهینه بودن چند وبسایت رو آنالیز کردیم.
ابزار #lighthouse مرورگر رو در عمل دیدیم که چطور به ما کمک میکنه تا استاندارد هارو در بخش Accessibility رعایت کنیم
در مثالی که برای جمع بندی مفاهیم #accessibility و مدیریت چند state زده شد، با هوک useId آشنا شدیم.
در ادامه به طور مفصل به هوک #useReducer پرداختیم و انعطاف و قدرت این هوک رو برای مدیریت چند state با استفاده از تابع dispatch اش دیدیم.
با مفهوم #Currying رو در functional programming آشنا شدیم.
بعد به سراغ routing رفتیم و با کتابخانه های react-router-dom و react-location آشنا شدیم.
در مثالی که با استفاده از react-router-dom داشتیم با مفاهیم Templete, Lazy Loading, Suspense, Routing, Dynamic Routing رو بررسی کردیم
با 3 نوع روتینگ مختلف BrowserRouter, MemoryRouter و HashRouter آشنا شدیم و کاربرد BrowserRouter رو در مثال دیدیم.
در مثالی که برای routing کار کردیم نحوه جابجایی بین صفحات مختلف، نحوه ایجاد یک Layout برای صفحات مفهوم Outlet و ... رو در مثالی تمرین کردیم.
برای بهینه بودن اپلیکیشن و رعایت code splitting از lazy loading در react استفاده کردیم و نحوه import کردن و استفاده از suspense رو در برنامه دیدیم.
در بررسی بهینگی برنامه با مفاهیم Server Components و Streaming components و Server Side Rendering آشنا شدیم.
برای آنالیز و ارزیابی #Performance از lighthouse مرورگر استفاده کردیم و با متریک های
First Contentful Paint
Time to Interactive
Speed Index
Total Blocking Time
Largest Contentful Paint
Cumulative Layout Shift
آشنا شدیم و فرآیند CRP و loading sequence و در کل رندر شدن یک صفحه وب رو مورد بررسی قرار دادیم.
در ادامه پترین های مختلف برای بهینه سازی رو در وبسایت patterns.dev مرور کردیم.
و در آخر به یه سری اصول و استاندارد ها برای بهینه سازی انیمیشن ها پرداختیم و با ابزار fps در devtools مرورگر دیدیم چطور میشه بهینه بودن انیمیشن هارو مورد آنالیز قرار داد.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Part 3 - جلسه ششم React آموزش» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.