Публикации по теме 'react'
Micro Frontend; Что ???
Micro Frontend; Что ???
Не слышал об этом, не волнуйся, я тоже почувствовал себя странно в первый раз, и я сел, прочитал все материалы, которые разъясняют, что это, почему это, а что нет.
Думал поделиться с вами всем пройденным материалом. Вся эта история началась с стратегии оптимизации facebook, которая заключается в загрузке всех виджетов (например, каналов, чата, контактов) независимо и параллельно, чтобы предоставить пользователям лучший опыт.
История создания Micro..
Пример эффективной «СУХОЙ» разработки (только для ленивых разработчиков!)
Одно из важных правил в разработке — не дублировать свой код, это называется «СУХОЙ» — не повторяйся, один из принципов кода SOLID.
Мне, как разработчику дашбордов в ImpacX, приходилось разрабатывать множество таблиц управления и контроля, здесь я поделюсь с вами реализацией этого правила. Удивительно, сколько вы можете сэкономить время для себя, если вы достаточно ленивы... Я не преувеличиваю, если скажу, что это может сэкономить вам до 80% кода на сервере, продолжайте читать и..
Реализация слайдера изображений и текста с помощью React.js и оптимизаций
Проектирование от начала до конца
В этой статье я хочу осветить проблему, с которой вы можете столкнуться на собеседовании на позицию Frontend — внедрение Image Slider.
За последние 5 месяцев у меня было 15 собеседований на местах, и у меня были предложения от Google, Roku, Microsoft и других.
Вы должны реализовать этот виджет за ~45–50 минут и рассказать об оптимизации. Эту информацию я постараюсь осветить здесь. Основная цель состоит не в том, чтобы реализовать Image Slider с..
React.js показывает пустую страницу
Сегодня столкнулся с интересной проблемой…
Когда я впервые создал свое приложение React, страница по умолчанию отображалась просто отлично. Затем я решил заняться своим проектом, а потом… все, что у меня было, это пустая страница…
Что случилось?
Итак, я решил проверить исходный код, и все, что я получил, было это:
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
Если вы погуглите «react.js. Вам нужно..
3 шага для создания приложения React SSR
Почему приложения на основе SSR?
Рендеринг на стороне сервера позволяет создавать высокопроизводительные приложения в React. Эти приложения могут выполнять такие действия, как выборка и обработка данных на сервере, кэширование отображаемых страниц и многое другое.
Вот как это сделать шаг за шагом:
Шаг 1. Инициализируйте проект
Создайте каталог для своего проекта и выполните следующую команду, чтобы инициализировать его:
npm init
Запустите приведенную ниже команду, чтобы..
Управление состоянием в React: выбор правильного подхода для вашего проекта
Управление состоянием — важнейший аспект создания сложных приложений React. По мере роста вашего приложения управление и синхронизация состояния между компонентами становится сложной задачей. К счастью, React предлагает различные подходы и библиотеки для эффективной обработки состояния. В этой статье я представлю различные методы управления состоянием в React и помогу вам выбрать правильный подход для вашего проекта.
Состояние локального компонента
Встроенное в React состояние..
Максимизируйте свою эффективность: полное руководство по сохранению черновиков видео в React Native
Добро пожаловать, программисты! В этом руководстве мы покажем вам, как сохранять черновики видео на телефоне с помощью Expo. С помощью нашего простого пошагового руководства вы увидите, как легко реализовать это в своем приложении. Давайте погрузимся!
npm i expo-media-library expo-camera @react-navigation/native
mkdir -p Components && touch Components/Camera.jsx
mkdir -p Screens && touch Screens/Home.jsx && touch Screens/SaveScreen.jsx
Для начала давайте..
Новые материалы
12 сайтов с искусственным интеллектом, которые поразят вас
Приготовьтесь поразить воображение
Сегодня существует несколько веб-сайтов, использующих искусственный интеллект (ИИ). От индивидуальных рекомендаций по новостям до более умных поисковых..
Скрытый технический долг в системах машинного обучения [NeurIPS 2015]
Что такое технический долг?
Технический долг — это метафора, введенная Уордом Каннингемом в 1992 году, чтобы объяснить долгосрочные затраты, связанные с быстрым продвижением в разработке..
Алгоритм быстрой сортировки в Python
Всем привет, добро пожаловать на programminginpython.com . Здесь я покажу вам, как реализовать алгоритм быстрой сортировки в Python. В предыдущих статьях я рассмотрел Сортировку вставкой ,..
Как использовать манипулирование объектами в JavaScript
Объекты являются важным строительным блоком JavaScript. Они позволяют группировать свойства и методы вместе.
Объект представляет собой набор свойств. Свойства идентифицируются с..
Разработка игр с помощью Godot Engine: мощный инструмент с открытым исходным кодом
Разработка игр — творческий и сложный процесс, требующий множества навыков и инструментов. Одним из наиболее важных инструментов является игровой движок, который представляет собой программную..
От XML к аннотациям: переход к современной конфигурации Spring
Введение
Фреймворк Spring претерпел значительную эволюцию с момента своего создания. Одним из заметных изменений стал переход от конфигураций на основе XML к конфигурациям, управляемым..
Я люблю Руби!
Я люблю Руби! Мне это нравится по той же причине, по которой мне нравится программировать на Python. Он настолько интуитивно понятен, а встроенные методы упрощают решение проблем. Если вы..