Задачка на знание React
Напиши React hook с названием useFetch, который получает на вход URL для загрузки и возвращает полученные данные. Для загрузки данных можно использовать любое API, даже собственно придуманное. Для простоты считаем, что по указанному адресу будет JSON, загружаем методом GET, никаких других методов, заголовков и типов данных не требуется. Импорты можно не писать.
Если вы тоже в вечном поиске классных фронтендеров или сами часто проходите собесы - велком в эту статью
Ссылка
#react
Напиши React hook с названием useFetch, который получает на вход URL для загрузки и возвращает полученные данные. Для загрузки данных можно использовать любое API, даже собственно придуманное. Для простоты считаем, что по указанному адресу будет JSON, загружаем методом GET, никаких других методов, заголовков и типов данных не требуется. Импорты можно не писать.
Если вы тоже в вечном поиске классных фронтендеров или сами часто проходите собесы - велком в эту статью
Ссылка
#react
👏6👍2❤1
Итераторы и генераторы в JavaScript
В языке JavaScript итераторы и генераторы являются мощными инструментами, позволяющими разработчикам контролировать итерацию и поток данных. Вместе эти функции образуют впечатляющий дуэт, позволяющий писать лаконичный, эффективный и гибкий JavaScript-код.
В этой статье вы разберетесь что такое итераторы и генераторы
Ссылка
#js
В языке JavaScript итераторы и генераторы являются мощными инструментами, позволяющими разработчикам контролировать итерацию и поток данных. Вместе эти функции образуют впечатляющий дуэт, позволяющий писать лаконичный, эффективный и гибкий JavaScript-код.
В этой статье вы разберетесь что такое итераторы и генераторы
Ссылка
#js
👍5❤1
❤7👍5
Вопросы и ответы для собеседования на позицию frontend-разработчик
В этой статье (части) рассмотрим вопросы, связанные с великим и могучим TypeScript'ом, которые задают на собеседованиях.
Пожалуйста, не заучивайте вопросы, это вредно для вашего здоровья!)
Ссылка
#собеседования
В этой статье (части) рассмотрим вопросы, связанные с великим и могучим TypeScript'ом, которые задают на собеседованиях.
Пожалуйста, не заучивайте вопросы, это вредно для вашего здоровья!)
Ссылка
#собеседования
👍11👏2🤣2
Создание веб-приложения с использованием микрофронтендов и Module Federation
Микрофронтенды – это подход в веб-разработке, при котором фронтенд разделяется на множество маленьких, автономных частей. Эти части разрабатываются разными командами, возможно, с использованием различных технологий, но в итоге они совместно функционируют как единое целое.
В данной статье мы разберём процесс разработки веб-приложения на основе подхода микрофронтендов с использованием технологии Module Federation.
Ссылка
#react
Микрофронтенды – это подход в веб-разработке, при котором фронтенд разделяется на множество маленьких, автономных частей. Эти части разрабатываются разными командами, возможно, с использованием различных технологий, но в итоге они совместно функционируют как единое целое.
В данной статье мы разберём процесс разработки веб-приложения на основе подхода микрофронтендов с использованием технологии Module Federation.
Ссылка
#react
👍6❤1
const numbers = [1, 2, 3];
numbers[10] = 11;
console.log(numbers);
🤯5👍3
Что будет в консоли ?
Anonymous Quiz
15%
[1, 2, 3, 7 x null, 11]
26%
[1, 2, 3, 11]
43%
[1, 2, 3, 7 x empty, 11]
15%
SyntaxError
Детальный React. Реконсиляция, рендеры, Fiber, виртуальное дерево
В сети можно найти огромное количество статей, мануалов и книг по основам React, включая официальную документацию от разработчиков. В этой статье мы не будем писать HelloWorld и изучать общеизвестные концепции. Сегодня мы заглянем под капот библиотеки и попытаемся понять, как она устроена внутри, как хранит данные, и как, на самом деле выглядит её виртуальное дерево.
Ссылка
#react
В сети можно найти огромное количество статей, мануалов и книг по основам React, включая официальную документацию от разработчиков. В этой статье мы не будем писать HelloWorld и изучать общеизвестные концепции. Сегодня мы заглянем под капот библиотеки и попытаемся понять, как она устроена внутри, как хранит данные, и как, на самом деле выглядит её виртуальное дерево.
Ссылка
#react
👍11❤3🤡1
Архитектурный паттерн Dependency Injection в React-приложении
В этой статье вам расскажут про Dependency Injection в React-приложении. Рассмотрим, что из себя представляет этот архитектурный паттерн, как мы к нему пришли и какую проблему он решает. На примерах покажу, как внедрить Dependency Injection в ваш проект, какие есть плюсы и минусы.
Ссылка
#статьи
В этой статье вам расскажут про Dependency Injection в React-приложении. Рассмотрим, что из себя представляет этот архитектурный паттерн, как мы к нему пришли и какую проблему он решает. На примерах покажу, как внедрить Dependency Injection в ваш проект, какие есть плюсы и минусы.
Ссылка
#статьи
👍7👎4🤝2🤡1
Что возвращает метод setInterval в браузере?
Anonymous Quiz
41%
Уникальный id
18%
указанное количество миллисекунд
28%
переданную функцию
13%
undefined
Кастомизируем VS Code для веб-разработки
В статье расскажу, какие настройки и плагины VS Code использует наша команда фронтенда в KTS. Материал может быть полезен для JavaScript- и React-разработчиков, а ещё для тех, кто уже давно пользуется VS Code, но не знает о некоторых полезных плагинах и фичах для повседневного использования.
Ссылка
#статьи
В статье расскажу, какие настройки и плагины VS Code использует наша команда фронтенда в KTS. Материал может быть полезен для JavaScript- и React-разработчиков, а ещё для тех, кто уже давно пользуется VS Code, но не знает о некоторых полезных плагинах и фичах для повседневного использования.
Ссылка
#статьи
👍10❤2👏1
Все про this в JavaScript
this - это выражение языка JavaScript, поведение которого очень похоже на поведение идентификатора, с той лишь разницей, что связать значение с this, мы можем только особой формой вызова normal function.
В этой статье автор подробно расскажет как же работает this в js
Ссылка
#js
this - это выражение языка JavaScript, поведение которого очень похоже на поведение идентификатора, с той лишь разницей, что связать значение с this, мы можем только особой формой вызова normal function.
В этой статье автор подробно расскажет как же работает this в js
Ссылка
#js
👍10❤3👏1
let person = { name: 'Lydia' };
const members = [person];
person = null;
console.log(members);🤯10
👍3
Смотрите объяснение задачи вот по этой ссылке https://telegra.ph/Obyasnenie-zadachi-01-14
Telegraph
Обяснение задачи
let person = { name: 'Lydia' }; const members = [person]; person = null; console.log(members); Сначала мы объявляем переменную person со значением объекта, у которого есть свойство name. Затем мы объявляем переменную с именем members. Мы устанавливаем первый…
👏14👍4🔥3
Сложность алгоритмов. Разбор Big O
Сложность алгоритмов - это ключевой аспект при проектировании и создании веб-приложений, особенно при работе с большим объемом данных или выполнении вычислительно сложных операций. Понимание, как оценивать сложность алгоритмов, помогает принимать обоснованные решения в выборе алгоритмов и структур данных, а также оптимизировать производительность своих приложений.
Ссылка
#js
Сложность алгоритмов - это ключевой аспект при проектировании и создании веб-приложений, особенно при работе с большим объемом данных или выполнении вычислительно сложных операций. Понимание, как оценивать сложность алгоритмов, помогает принимать обоснованные решения в выборе алгоритмов и структур данных, а также оптимизировать производительность своих приложений.
Ссылка
#js
👍12🔥1
Скрытые возможности элемента <input>
Элемент <input> в HTML самый интересный.
Большинство его собратьев вне зависимости от своих атрибутов ведут себя одинаково. При этом атрибут type элемента <input> может принимать 22 разных значения, которые не только меняют его поведение, но и влияют на внешний вид (зачастую в ущерб стилистике).
Элемент <input> отвечает за всё, начиная с текстового ввода и чекбоксов, заканчивая переключателями и кнопкой для сброса всех полей в форме.
В этой статье я опишу не только различные типы <input>, но и сопутствующие атрибуты, о которых вы могли не знать, и которые делают этот элемент более удобным и применимым в различных ситуациях.
Ссылка
#html
Элемент <input> в HTML самый интересный.
Большинство его собратьев вне зависимости от своих атрибутов ведут себя одинаково. При этом атрибут type элемента <input> может принимать 22 разных значения, которые не только меняют его поведение, но и влияют на внешний вид (зачастую в ущерб стилистике).
Элемент <input> отвечает за всё, начиная с текстового ввода и чекбоксов, заканчивая переключателями и кнопкой для сброса всех полей в форме.
В этой статье я опишу не только различные типы <input>, но и сопутствующие атрибуты, о которых вы могли не знать, и которые делают этот элемент более удобным и применимым в различных ситуациях.
Ссылка
#html
👍9🤔1