Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Какие есть хранилища в браузере и чем они отличаются?
В браузере доступны несколько механизмов хранения данных: localStorage, sessionStorage, IndexedDB и Cookies. localStorage и sessionStorage предназначены для хранения ключ-значение пар, но localStorage сохраняет данные на неограниченное время, тогда как sessionStorage очищается при закрытии вкладки. IndexedDB — это более сложное хранилище для хранения значительных объемов структурированных данных, а Cookies используются для хранения небольших объемов данных и передачи их на сервер с каждым запросом.
Можете объяснить роль действий, редьюсеров и хранилища в Redux?
В Redux действия (actions) описывают, что должно произойти, редьюсеры (reducers) определяют, как состояние изменяется в ответ на действия, а хранилище (store) управляет всем состоянием приложения. Эти три элемента работают вместе, чтобы поддерживать предсказуемый поток данных.
Как работает хранилище (store) в Redux?
Хранилище (store) в Redux управляет состоянием всего приложения. Оно предоставляет методы для получения текущего состояния (getState), отправки действий (dispatch) и подписки на изменения (subscribe). Хранилище связывает редьюсеры с действиями, чтобы обновлять состояние.
Как защитить данные в LocalStorage от стороннего JS?
Полностью защитить LocalStorage от чтения/изменения сторонним JS нельзя, так как он доступен в том же контексте. Можно уменьшить риски: хранить только нечувствительные данные, использовать шифрование или HttpOnly-куки для критичной информации.
Какие хранилища подходят для больших данных (LocalStorage, IndexedDB)?
Для больших объемов данных лучше использовать IndexedDB, так как оно поддерживает асинхронную работу и хранение структурированных объектов. LocalStorage подходит для небольших объемов (до ~5 МБ) и синхронных операций.
Почему time-travel считается killer-feature Redux?
В каких случаях используется sessionStorage?
В чём разница между state, mutations и actions в Vuex?
Рейтинг:
4
Сложность:
5
Time-travel называют killer-feature, потому что он кардинально упрощает отладку. Разработчик видит всю историю изменений состояния и может точно понять, где логика пошла не так. Это особенно важно в сложных интерфейсах с большим количеством состояний. Такой уровень прозрачности редко доступен в других подходах.
Рейтинг:
4
Сложность:
4
sessionStorage используется для хранения данных в рамках одной вкладки браузера.
Данные сохраняются при обновлении страницы, но удаляются при закрытии вкладки.
Он подходит для временного UI-состояния.
Часто применяется там, где данные не должны сохраняться надолго.
Рейтинг:
5
Сложность:
5
state хранит данные приложения. mutations отвечают за синхронное изменение состояния. actions используются для асинхронной логики и в итоге вызывают mutations. Такое разделение делает управление состоянием предсказуемым и прозрачным. Это ключевая идея Vuex.
Рейтинг:
5
Сложность:
5
Рейтинг:
3
Сложность:
5
Рейтинг:
3
Сложность:
5
Рейтинг:
4
Сложность:
7
Рейтинг:
2
Сложность:
8
