Работа с обещаниями (Promises)

В примере мы создаем функцию fetchData, которая возвращает обещание (Promise) с задержкой. Затем мы используем методы .then() для обработки успешного выполнения и .catch() для обработки ошибок. Это позволяет более чисто и структурированно работать с асинхронными операциями, такими как загрузка данных с сервера.

#полезное

Вышел Chrome 118

Эта статья — перевод оригинальной статьи "New in Chrome 118".

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Асинхронное программирование и обработка исключений

В примере мы создаем асинхронную функцию fetchData, которая имитирует загрузку данных с сервера и возвращает обещание (Promise). Затем мы создаем асинхронную функцию processAsyncData, которая ожидает завершения загрузки данных с использованием await. Мы также демонстрируем обработку возможной ошибки с использованием блока try...catch.

#полезное

Что быстрее: Animated + useNativeDriver или Reanimated?

В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Локальное хранилище браузера с использованием объекта localStorage

В примере мы используем объект localStorage, доступный в браузере, чтобы сохранить данные, такие как имя пользователя и адрес электронной почты. Мы используем метод setItem() для сохранения данных и метод getItem() для получения данных. Мы также демонстрируем, как можно удалить данные из локального хранилища с помощью метода removeItem().

#полезное

Как внедрить гайд по стилю кода в проект

Практикум появился в 2019 году и с тех пор растёт. В какой-то момент нам стало сложно погружать новичков в проект. Дело в том, что стиль кода всё время развивался, но правила оставались на уровне устных договорённостей. В итоге приходили новые тиммейты, видели легаси и более свежий код — и не понимали, какой написан правильно и почему они разные. Как следствие, код-ревью растягивалось, и тестирование проходило в разы сложнее. Люди чувствовали себя неуютно в таких процессах. 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Асинхронные HTTP-запросы с использованием современного API Fetch

В примере мы используем fetch для отправки GET-запроса к удаленному серверу. Мы обрабатываем результат запроса с использованием асинхронного синтаксиса с await и async. Если запрос выполнен успешно (HTTP-код 200), мы преобразуем полученные данные в JSON и выводим их в консоль. В противном случае, мы ловим ошибку и выводим сообщение об ошибке.

#полезное

Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React

Я работаю фронтенд-разработчицей в IT-компании, и многие из моих проектов на протяжении долгого времени собирались с использованием Webpack. Настройка Webpack иногда бывала сложной, но в целом он справлялся с задачей сборки проектов. Однако в последнее время мои коллеги начали восторгаться новым инструментом - Vite. Они рассказывали о его легковесности, быстрой сборке и преимуществах для разработчиков React-приложений. В этой статье я поделюсь своим опытом миграции с Webpack и react-scripts на Vite. Я расскажу о причинах, по которым решила попробовать Vite, а также о том, с какими сложностями пришлось столкнуться и как они были решены.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Сортировка массивов объекта

В этом примере мы создаем массив объектов people, содержащий информацию о людях, и затем используем метод sort() для сортировки массива по возрасту в порядке возрастания, используя функцию sortByAgeAscending в качестве функции сравнения. Вы можете создать аналогичную функцию для сортировки в порядке убывания или для сортировки по другим полям объектов. Сортировка массивов объектов полезна при отображении данных в определенном порядке, например, в таблицах или списках.

#полезное

Юриспруденция и программирование: что общего?

Юриспруденция и программирование… Казалось бы, что может быть общего у этих двух совершенно не похожих и не связанных друг с другом сфер деятельности? Юристы — это стопроцентные гуманитарии (по крайней мере так считается), а программисты — это технари, копающиеся в машинном коде. Но правда в том, что эти две области знаний, как ни странно, имеют очень много общего. А, главное: у них одна основа — логика. Сейчас я попытаюсь это доказать на примере языка JavaScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с DOM (Document Object Model)

Этот код выбирает элемент на веб-странице по его идентификатору и обновляет его текстовое содержимое.

#полезное

5 недооцененных возможностей JavaScript

Скорее всего, вы не используете эти 5 методов работы с JavaScript. Их можно отнести к одним из самых недооцененных возможностей TypeScript. Впрочем, у вас есть шанс восполнить этот пробел.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Обработка событий

Этот код добавляет функцию-обработчик события клика для кнопки, которая вызывает alert при нажатии.

#полезное

ESLint | Shareable config настройка и что это такое?

В ходе своей профессиональной деятельности, каждый фронтенд-разработчик сталкивается с неотъемлемой частью разработки - инструментом ESLint. ESLint представляет собой мощный статический анализатор кода, призванный обнаруживать и устранять проблемы в вашем JavaScript коде.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Асинхронные функции

Этот пример демонстрирует, как создать асинхронную функцию для выполнения HTTP-запроса и обработки данных, полученных с сервера.

#полезное

Vue.js 3 — шаблоны проектирования и лучшие практики

Книга вышла в мае 2023 года, написана очень компетентно, оперирует современными технологиями и стандартами. Материал книги будет полезен разработчикам не только Vue, но и других фронтенд фреймворков.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Валидация формы

Этот код проверяет, содержит ли поле email символ "@", и выводит сообщение, если символ не найден.

#полезное

Всем привет! 🖖🏼

Меня зовут Артём Богомолов, сейчас я работаю frontend-разработчиком 👨🏼‍💻 в одном из крупнейших банков РФ с зарплатой больше 400 000 рублей в месяц 💵.

Сразу к делу. Мне всегда нравилось передавать знания и делиться своим опытом. Я много лет занимался обучением сотрудников в компаниях, где я работал 👨🏼‍🏫.

Поэтому я и принял решение о запуске наставничества. Этот курс будет проходить в онлайн формате, на канале https://t.me/schooloffrontend вы найдете более подробную информацию о нем. Данный курс будет полезен и тем, у кого уже есть какие-то знания, но вы до сих пор не работаете по профессии или хотите увеличить свой доход 🚀.

Вы будете получать не только технические знания и применять их на практике, но и научитесь составлять резюме, проходить собеседования и продавать себя 💰. Главная цель этого курса заключается именно в трудоустройстве 👨🏼‍💻.

В рамках бесплатной консультации 🔥 мы вместе посмотрим ваше резюме, код и при желании проведем тестовое собеседование. Успейте попасть ко мне на обучение, пишите в личку @devartyom

Небольшое React приложение со своим бекендом, запускаем с одного терминала

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Сортировка массива объектов

Этот код сортирует массив объектов по полю 'name' в алфавитном порядке.

#полезное