Публикации по теме 'react'


Измените размер Observer с помощью RXJS Twist
Получать уведомления при изменении размера контейнера Мы все любим использовать CSS Flex и Grids, не так ли? Однако в некоторых случаях изменение измерения Контейнер может потребовать перерисовки его элементов содержимого. Для решения таких задач была опубликована Спецификация наблюдателя изменения размера . Я рад сообщить, что Resize Observer теперь широко поддерживается в современных браузерах . Его определения типов также объединены в Typescript Lib с PR this . Однако..
Наполовину?!.
Мой нынешний уровень физической подготовки довольно разочаровывает, учитывая, что чуть меньше года назад я был в лучшей форме в своей жизни. В основном это было связано с подготовкой, а затем и с моим первым марафоном. Я могу потратить еще одну статью, отвлекаясь на ненависть к себе из-за этой потери, но сейчас я сосредоточусь на том, чему я научился из нее. Марафон — это 26,2 мили, но любой, кто его пробежал, может сказать вам, что середина пути — это не 13,1 (вот отличное видео на тему..
С помощью этого совета пишите лучшие компоненты внешнего интерфейса
Компоненты - это основные строительные блоки, используемые в современных интерфейсных фреймворках, таких как React, Vue и Svelte. Хорошо написанные компоненты могут улучшить общую структуру вашего приложения и сделать его чистым и поддерживаемым. Вероятно, вы слышали о паттерне презентационные и контейнерные компоненты . В некоторых случаях этот шаблон может оказаться полезным, но не всегда. Я использовал этот паттерн на протяжении всего сложного проекта, и в итоге у меня получилось..
Настройка среды для React, SASS, ES2015, Babel, Bootstrap с помощью Webpack 2
Примечание. Чтобы настроить среду с помощью Webpack, обратитесь к моей предыдущей статье , и в этой статье мы увидим, как перейти с Webpack v1 на v2 . Конфигурация Webpack webpack module.loaders теперь называется module.rules Загрузчики по-прежнему действительны, но новые соглашения об именах легче понять. Автоматическое -loader расширение имени модуля удалено Больше нельзя опускать расширение -loader при ссылке на загрузчики. Сцепление загрузчиков В webpack 1..
Журнал ошибок № 1: приложение Brew-It
У меня есть приложение для портфолио, которое я создал, которое называется Brew-It. Это приложение для поиска крафтового пива и пивоварен в США, созданное с использованием JavaScript, React, Webpack и Express. Он завершен, но у меня возникли проблемы с развертыванием Heroku. Это журнал ошибок для устранения некоторых неполадок, которые я сделал. Он начался с ошибки, говорящей, что «this.setState» не определен. Пока я гуглил, как исправить эту ошибку, я нашел несколько решений для..
Next.js SSR против SSG и инкрементализма
Часть 2 В моем последнем посте я рассмотрел некоторые основы рендеринга на стороне клиента (CSR) и рендеринга на стороне сервера (SSR). Проверьте это здесь, если вы не знакомы: Next.js SSR против SSG и инкрементализма Часть 1 medium.com Create React App был примером приложения CSR, а Next.js был введением в мир SSR. Как уже отмечалось, Next.js выводит весь рендеринг на сервере на новый уровень с множеством опций, поэтому в..
Шпаргалка — React
Общий Создайте приложение React с шаблоном TypeScript npx create-react-app uv-app --template typescript Функциональный компонент Часто используемый Обработка событий <button onClick={activateLasers}> Activate Lasers </button> Список рендеринга { students.map((obj: any, index: any) => ( <div key={index}> {obj.title} </div> )) } Условный рендеринг Тип 1: If стиль оператора {props.hasImage && <MyImage /> } Тип..