Основы Redux

Современная разработка давно проходит по стандартам использования фреймворков, что обеспечивает приложения долголетием и безопасностью. Это руководство расскажет об актуальной версии библиотеки Redux и познакомит вас с его популярными инструментами управления состоянием приложения.

👉 @frontendInterview

Is every value in the array an array

Создайте функцию, которая проверит, все ли элементы массива являются массивами.

Примеры:
[[1],[2]] => true
['1','2'] => false
[{1:1},{2:2}] => false

👉 @frontendInterview

Что такое прогрессивный рендеринг?

Прогрессивный рендеринг на стороне сервера (PSSR) основан на концепции потоковой передачи HTML. PSSR разбивает страницы на осмысленные компоненты с помощью разделения кода. Эти части страницы управляются разными скриптами, и теперь у нас есть возможность сделать гидратацию независимо. Давайте посмотрим, как работает PSSR:

1. Браузер запрашивает у сервера HTML-код.
2. Сервер делает API запросы и сначала рендерит критический контент, а затем отправляет его клиенту.
3. Браузер анализирует HTML и отображает его на экране.
4. Сервер рендерит некритический контент и передает его браузеру.
5. Затем браузер анализирует и отображает некритичный контент.
6. Между тем JS-бандлы загружаются и выполняются в фоновом режиме, а браузер передаёт интерактивность элементам DOM.

PSSR повышает производительность вашего веб-приложения, извлекая и визуализируя компоненты страницы параллельным и приоритетным образом.

👉 @frontendInterview

Хватит!

Хватит ходить на собеседования и сидеть без работы!

Подпишись на канал и прокачивайся: @frontend_loft

👉 @frontendInterview

Почему результатом сравнения двух похожих объектов является false?

В JS объекты и примитивы сравниваются по-разному. Примитивы сравниваются по значению. Объекты — по ссылке или адресу в памяти, где хранится переменная. Вот почему первый console.log возвращает false, а второй — true. Переменные «a» и «c» ссылаются на один объект, а переменные «a» и «b» — на разные объекты с одинаковыми свойствами и значениями.

👉 @frontendInterview

Что такое временная мёртвая зона (temporal dead zone)?

TDZ: термин для описания состояния, когда переменные недоступны. Они находятся в области видимости, но не объявлены.

Переменные let и const существуют в TDZ с начала их объемлющей области видимости до момента их объявления.

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

Вы можете видеть на картинке, что если бы я обратился к переменной age раньше, чем она была объявлена, это вызвало бы ошибку ReferenceError. Из-за TDZ.

👉 @frontendInterview

+1 в копилку полезных каналов о фронтенде

С Senior Frontend стартовать в айти намного проще:

• готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen

• лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях

• тесты и опросы для тех, кто не запоминает сухую инфу

Сохраняйте: @seniorFront

👉 @frontendInterview

👉 @frontendInterview

Визуализация данных с помощью библиотеки D3.js

Книга знакомит с одной из самых распространенных и мощных библиотек визуализации данных - D3.js. Прочтя ее, вы сможете решить любую задачу: от создания визуализации с нуля до запуска ее на сервере и написания автоматизированных тестов. здание предназначено разработчикам веб-приложений, специалистам по анализу и обработке данных и всем, интересующимся интерактивным представлением данных в вебе с помощью библиотеки D3.

👉 @frontendInterview

Pure Functions

Функция должна удовлетворять двум условиям, чтобы считаться «чистой»:
— Каждый раз функция возвращает одинаковый результат, когда она вызывается с тем же набором аргументов
— Нет побочных эффектов

Вам дана функция. Ваша задача - сделать из неё чистую функцию.

👉 @frontendInterview

Нужно ли комментировать код?

Комментарии — отличная штука. Они помогают команде разработчиков работать над общим проектом. А если программист один, позволят ему даже через много лет вспомнить ход своих мыслей. Но комментариев должно быть мало, иначе они превратятся во флуд.

Комментировать нужно основные элементы кода, неочевидные решения, сложные бизнес-процессы, тонкости решений и тому подобное. Не пишите комментарии, объясняющие, что и как делает процедура или функция, — это бессмысленно.

И помните, что комментарий — не панацея, он не спасёт плохой код, даже если сделает его понятнее. Сложные и запутанные фрагменты сокращайте и делайте рефакторинг, а комментируйте по минимуму.

👉 @frontendInterview

Друзья!

☝️21 июля в 19 МСК наши коллеги из AgileFluent и Solvery проведут бесплатное мок-интервью на английском с software engineer в прямом эфире.

Интервьюеры:
Маша Реутская, международный HR эксперт AgileFluent с 15+ лет опыта.
Проведёт софт-скилл интервью и даст подробный фидбек, как улучшить свои ответы.

Саша Черношей, Software engineer в Microsoft в Эстонии, ментор Solvery. 6 лет опыта разработки ПО и 4 года разработки мобильных приложений на react-native. Проведет техническую часть собеседования.

📆 Дата и время: 21 июля, 19:00 по Мск.

Будет полезно разработчикам, которые планируют устраиваться в международную компанию или готовиться к техническому интервью. А ещё всем, кто готовится к behavioral-собеседованию: эта часть схожая у всех профессий.

⚡️Будет интервью с кандидатом из зала — если хочешь в прямом эфире попрактиковаться проходить интервью на английском и получить фидбэк, заполняй форму тут. Очень ждем реакт-нейтивов.

Записаться и получить запись митапа можно в телеграм-боте.

👉 @frontendInterview