​Где учить React в 2022 году

Начав изучать React, вы можете столкнуться с тем, что объяснения в официальной документации могут быть не всегда достаточно понятными, а при попытке найти альтернативные источники может пойти кругом голова от их обилия. Тем более стоит учитывать, что далеко не все материалы могут оказаться полезными, а иногда и вовсе могут навредить, заложив неправильный фундамент.

В этой статье вы найдёте качественные источники, проверенные временем и опытными разработчиками, не только по React, но и по JavaScript, а также по смежным технологиям:

https://blog.openreplay.com/where-to-learn-react-js-in-2022-a-list-of-resources-for-new-developers

#javascript #react

💽 Что значит каждая Crud-операция?

#operations | Хакинг и Программирование

​Formik — лёгкий способ создать сложную форму обратной связи

Formik является наиболее популярной библиотекой с открытым исходным кодом для React и React Native. Она позволяет создавать самые разные формы с возможностью отслеживания значений, ошибок или посещённых полей, а также организации проверки и отправки данных.

Подробности:

https://formik.org/

#библиотека #react

​Что плохого в react-router?

На сегодняшний день react-router — это, можно сказать, монополист в мире React. Если в проекте нужен роутинг, то скорее всего выбор падет именно на эту библиотеку. Однако, автору этой статьи не давали покоя некоторые его нюансы, поэтому он решил написать собственное решение, которое продолжает успешно применять и сегодня.

О том, чем же react-router всё-таки не угодил и как быть с этим, читайте в статье:

https://habr.com/ru/post/599347/

#react

Это что песок 🤔

​Современные методы получения данных API в React

Понимание того, как получать данные в приложения React, является обязательным для каждого разработчика React, который стремится создавать современные веб-приложения.

Это руководство рассматривает современные способы извлечения данных в React, а также их обработки:

https://blog.logrocket.com/modern-api-data-fetching-methods-react/

#react #api

Коротко о разнице между Front-End и Back-End 🌚

Красивая SVG-анимация страницы 404

Предлагаем вашему вниманию вариант оформления страницы 404, выполненный с помощью SVG. Посмотреть, как реализован этот проект можно тут:

https://codepen.io/brookjordan/pen/XNgmGq

#codepen

​Избавляемся от switch

В своё время switch был добавлен в JS, чтобы упростить работу с множеством условий и избавить нас от необходимости написания и чтения «простыни» из if-else на десятки строк. Но, как показывает практика, switch далеко не всегда справляется со своей задачей.

Поэтому вместо него предлагаем попробовать простой, но не очевидный способ, как сделать ваш код чище, читабельнее и проще:

https://nuancesprog.ru/p/8593/

#javascript

​TypeScript — секретные материалы

За время своего существования TypeScript обзавёлся таким количеством фишек, что мало кто на самом деле знает и умеет применять их все. Но это не повод довольствоваться малым, ведь знания всегда можно получить, если есть желание. В этом видео вы познакомитесь с некоторыми возможностями TypeScript, которые вы, возможно, не знали:

https://www.youtube.com/watch?v=JJ171w3u2wQ

#видео #typescript

​Насколько вы знаете JavaScript?

Если хотите проверить свои знания по этому языку программирования, то специально для вас мы нашли репозиторий, где собрано огромное количество тестовых вопрос по JS с вариантами ответов и подробными объяснениями.

Тесты доступны на различных языках, включая русский. Подробнее:

https://github.com/lydiahallie/javascript-questions/blob/master/ru-RU/README.md

#тесты #javascript

​Погружение в Vue 3 — API реактивности

Применительно к Vue, реактивность — это функция, позволяющая обновлять содержимое экрана в соответствии с изменениями внутри кода. В этой статье речь в первую очередь пойдёт о ref, но также автор затрагивает применение toRef, toRefs и isRef. Подробнее:

https://developers.deepgram.com/blog/2022/02/diving-into-vue-3-reactivity-api/

#фронтенд #vue

​Повышение производительности пакета JavaScript с помощью разделения кода

В этой статье Адриан Бек рассказывает о преимуществах и предостережениях разделения кода, а также о том, как производительность страницы и время загрузки могут быть улучшены за счет динамической загрузки дорогих, некритичных пакетов JavaScript. Подробнее:

https://www.smashingmagazine.com/2022/02/javascript-bundle-performance-code-splitting/

#javascript

​Создание микрофронтенда на Angular с общим доступом к состояниям через NgRx и NX cli

Прочитав эту статью, вы сможете создать масштабируемое микрофронтенд-приложение с общим управлением состоянием на Angular:

https://itnext.io/building-angular-micro-frontend-with-ngrx-state-sharing-and-nx-cli-7e9af10ebd03

#angular

​Создание собственной системы сборки

Автору этой статьи показалось, что gulp недостаточно хорош для сборки его проектов, поэтому решил написать собственный вариант. В итоге он остановился на сочетании концепций gulp с современным JavaScript. И вот, что у него получилось:

https://palant.info/2022/02/08/writing-my-own-build-system-coupling-gulp-concepts-with-modern-javascript/

​Лучшие способы вызова API на JavaScript

При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. А делать это можно различными способами. Подробнее о них:

https://nuancesprog.ru/p/15597/

#api #javascript

​Как работает HTTPS в картинках

Вы когда-нибудь задумывались зачем иконка зеленого замка появляется в адресной строке вашего браузера? И почему это так важно? Создатели этого сайта-комикса решили помочь разобраться в этом всем желающим!

Последуйте навстречу приключениям кота Сертификэта, птички Браузерберда, и ПеСеля, тогда, они объяснят, почему HTTPS так важен для будущего веба, и каким образом все это работает. Познакомиться с ними можно здесь:

https://howhttps.works/ru/

#https

​​Вебинар «Карьера бэкенд-разработчика»

На бесплатном вебинаре расскажут, как бэкенд-разработчику сформировать эффективное резюме, как упаковать свой опыт на Middle-позицию или если вы меняете стек, разберут заполнение всех блоков на примере реального резюме разработчика.

Когда: 26 апреля 19:00

Узнать подробнее и зарегистрироваться: https://tprg.ru/3nQp

Это #партнёрский пост

​Сравниваем async/await и then/catch с примерами

В JavaScript есть два основных способа обработки асинхронного кода: Promise (ES6) и async/await (ES7). Эти синтаксисы дают нам равные базовые функции, но по-разному влияют на читаемость и область видимости, а это крайне важно при работе с кодом.

В этой статье вы увидите, как один вариант помогает нам, а другой возвращает нас в эпоху callback hell. Подробнее:

https://habr.com/ru/company/skillbox/blog/651781/

#javascript

💰Илон Маск Twitter ижтимоий тармоғини 44 миллиард долларга сотиб олганини хабар берган эдик. Хўш бу пулга Ўзбекистондан нималарни сотиб олса бўлади?

2368 та ДХХнинг собиқ биноси

2021 йилнинг июнь ойида Тошкент марказидаги собиқ МХХ биносини 210 миллиард сўмга (тахминан 18,5 миллион доллар) сотилган эди.

14 089 та “Версал” ресторани

2020 йилнинг июнь ойида Тошкентдаги энг машҳур ресторанлардан бири 35 миллиард сўмга (тахминан 3,1 миллион доллар) сотилган эди.

603 641 та Chevrolet Tahoe автомобили

Ўзбекистонда ишлаб чиқарилган энг қиммат автомобиль Chevrolet Tahoe RST MY22 823 913 043 сўм (тахминан, 72 891 доллар) туради.

40 627 885 та iPhone 13 128 гб телефони

Янги iPhone 13 128 гб нархи Тошкентда 12 247 000 (тахминан 1083 доллар) сўм туради.

12,8 та Uzbekistan GTL завод қурилиши

2021 йил охирида Ўзбекистонда сўнгги йиллардаги энг йирик саноат лойиҳаларидан бири ишга туширилди. Синтетик суюқ ёнилғи ишлаб чиқарувчи Uzbekistan GTL заводининг қиймати 3,4 млрд ташкил қилди.

104 та Тошкентдаги ер усти ҳалқа метроси қурилиши

Қурилиши 2017 йилда бошланган лойиҳанинг умумий қиймати 422 миллион доллар атрофида.

293 та Самарқанд аеропорти қурилиши

Март ойида янги Самарқанд аеропорти фойдаланишга топширилди. Лойиҳанинг умумий қиймати 150 миллион долларни ташкил қилди.

Бундан ташқари, Twitterни нархи Ўзбекистон 2021 йилги ЙИМнинг ярмидан кўпни (63,5 фоиз) ташкил этди.

@gorizont_uz

​Анимированная таблица Менделеева на JavaScript

В этом проекте каждый элемент анимирован в зависимости от агрегатного состояния вещества: твёрдого, жидкого или газообразного. Посмотрите, как это реализовано с точки зрения кода:

https://codepen.io/dilums/pen/oNzyeEv

#codepen #javascript