Простая панель статистики Covid-19 на карте, созданная с помощью React https://shly.link/ghroC
GitHub
GitHub - MiraBellierr/map-statistics-dashboard at reactjsexample.com
A simple map Covid-19 statistics dashboard made with React - GitHub - MiraBellierr/map-statistics-dashboard at reactjsexample.com
DemoProject.gif
33 MB
Веб-страница STAR WARS с использованием React.js и SWAPI API https://shly.link/L6e5m
5 способов избежать повторного рендеринга компонентов React Как избежать ненужного повторного рендеринга в React https://shly.link/cxAr0
Medium
5 Ways to Avoid React Component Re-Renderings
How to Avoid Unnecessary Re-rendering in React
❓ Какие алгоритмы должен знать каждый программист?
💪 Расскажем 26 января в 20:00 на вебинаре «Олимпиадное программирование».
📌 Вместе с преподавателем мы решим несколько олимпиадных задач с использованием динамического программирования.
Мы задействуем структуру данных «дерево отрезков», которая позволяет находить значение любой ассоциативной функции на любом отрезке массива за логарифмическое время.
❗️Формат обучения подходит для любого языка программирования.
📌 Бесплатный вебинар пройдет в рамках практического онлайн-курса «Алгоритмы и структуры данных». Формат обучения подходит для любого языка программирования.
👉 Для участия зарегистрируйтесь на мероприятие https://otus.pw/TO8i/
💪 Расскажем 26 января в 20:00 на вебинаре «Олимпиадное программирование».
📌 Вместе с преподавателем мы решим несколько олимпиадных задач с использованием динамического программирования.
Мы задействуем структуру данных «дерево отрезков», которая позволяет находить значение любой ассоциативной функции на любом отрезке массива за логарифмическое время.
❗️Формат обучения подходит для любого языка программирования.
📌 Бесплатный вебинар пройдет в рамках практического онлайн-курса «Алгоритмы и структуры данных». Формат обучения подходит для любого языка программирования.
👉 Для участия зарегистрируйтесь на мероприятие https://otus.pw/TO8i/
5 лучших практик для обработки структуры состояний в React
Пять лучших практик, которые помогут хорошо структурировать состояние https://shly.link/M5EJm
Пять лучших практик, которые помогут хорошо структурировать состояние https://shly.link/M5EJm
Medium
5 Best Practices for Handling State Structure in React
Five best practices that can help to structure the state well
Начни год с карьеры в IT — на Online Ярмарке вакансий NIX!
В любом из IT-направлений можно стать успешным профи. Осталось только выбрать подходящее направление. А если определился — двигаться дальше! Регистрируйся на наше мероприятие, чтобы узнать больше о популярных IT-профессиях и о том, как быть востребованным специалистом 😉
Когда? 29 января в 11:00
Где? в Discord и на YouTube-канале NIX
Почему стоит принять участие?
🔹Ты пообщаешься о карьере разработчика с нашими экспертами по языкам программирования PHP, Java, .NET и Golang, разработке под Android и iOS, а также по BA, QA, DevOps, PR и рекрутингу
🔹Посмотришь онлайн-лекции, поучаствуешь в воркшопах и квизах с призами
🔹У тебя будет возможность пройти онлайн-собеседование и получить оффер в NIX
Для кого мероприятие:
🔹Студентов и начинающих разработчиков
🔹Опытных IT-специалистов
🔹Всех, кто хочет сменить профессию и попробовать себя в IT
Если и менять свою жизнь, то прямо сейчас! Все просто: переходи на сайт и регистрируйся на Ярмарку вакансий NIX.
В любом из IT-направлений можно стать успешным профи. Осталось только выбрать подходящее направление. А если определился — двигаться дальше! Регистрируйся на наше мероприятие, чтобы узнать больше о популярных IT-профессиях и о том, как быть востребованным специалистом 😉
Когда? 29 января в 11:00
Где? в Discord и на YouTube-канале NIX
Почему стоит принять участие?
🔹Ты пообщаешься о карьере разработчика с нашими экспертами по языкам программирования PHP, Java, .NET и Golang, разработке под Android и iOS, а также по BA, QA, DevOps, PR и рекрутингу
🔹Посмотришь онлайн-лекции, поучаствуешь в воркшопах и квизах с призами
🔹У тебя будет возможность пройти онлайн-собеседование и получить оффер в NIX
Для кого мероприятие:
🔹Студентов и начинающих разработчиков
🔹Опытных IT-специалистов
🔹Всех, кто хочет сменить профессию и попробовать себя в IT
Если и менять свою жизнь, то прямо сейчас! Все просто: переходи на сайт и регистрируйся на Ярмарку вакансий NIX.
Как создать собственную библиотеку компонентов React В случае с React для тестирования наших компонентов нам придется использовать стороннюю библиотеку. Библиотека, с которой мы будем работать, называется Storybook. https://shly.link/2mgG0
Medium
How to Create Your Own React Component Library
So we’ve already created and published packages for both Node.js and Angular in this series. Now it’s time to do it for React. In the case…
Внедрение веб-загрузчиков с React Suspense React 16.6 представил React Suspense в качестве экспериментальной функции, и теперь он произвел революцию в процессе интеграции веб-загрузчика. https://shly.link/i2893
Medium
Implement Web Loaders with React Suspense
Provide Web Loaders to your application efficiently
Я попробовал библиотеку веб-компонентов React от Uber
Библиотека компонентов Uber с открытым исходным кодом для всех ваших потребностей пользовательского интерфейса. В этой статье я дам вам краткий обзор того, что значит использовать библиотеку компонентов Uber. https://shly.link/Pr1AZ
Библиотека компонентов Uber с открытым исходным кодом для всех ваших потребностей пользовательского интерфейса. В этой статье я дам вам краткий обзор того, что значит использовать библиотеку компонентов Uber. https://shly.link/Pr1AZ
Medium
I Tried Uber’s React Web Components Library
Uber’s open source component library for all your UI needs
Шаблон проектирования составных компонентов в React
Избегайте детализации свойств и пишите выразительные компоненты с неявным разделением состояний. https://shly.link/Kdr3W
Избегайте детализации свойств и пишите выразительные компоненты с неявным разделением состояний. https://shly.link/Kdr3W
Medium
Compound Component Design Pattern in React
Avoid prop drilling, and write expressive components with implicit state sharing
Возможность разработать решение, востребованное рынком, объективно и публично продемонстрировать его работоспособность, громко об этом заявить. Если техбарьер будет преодолен, то его разработчики получат рынок без конкурентов.
Приз 200 млн рублей. Организаторы технологических конкурсов Up Great не регулируют дальнейшую судьбу награды и не претендуют на результаты интеллектуальной деятельности участников соревнований.
Разработчики в области искусственного интеллекта в сфере медицины получат возможность испытать свои решения на реальных данных и проверить их за счет организаторов, так как не нужно разрабатывать дорогостоящую испытательную инфраструктуру. Кроме того, будет обеспечена объективность испытаний.
Важной частью конкурса является возможность работы с регуляторами и курирующими органами, которые отвечают за интеграцию информационных продуктов в медицинскую систему.
AI'M DOCTOR активно поддерживают медики, разработчики и ученые из смежных отраслей.
Подробнее
Приз 200 млн рублей. Организаторы технологических конкурсов Up Great не регулируют дальнейшую судьбу награды и не претендуют на результаты интеллектуальной деятельности участников соревнований.
Разработчики в области искусственного интеллекта в сфере медицины получат возможность испытать свои решения на реальных данных и проверить их за счет организаторов, так как не нужно разрабатывать дорогостоящую испытательную инфраструктуру. Кроме того, будет обеспечена объективность испытаний.
Важной частью конкурса является возможность работы с регуляторами и курирующими органами, которые отвечают за интеграцию информационных продуктов в медицинскую систему.
AI'M DOCTOR активно поддерживают медики, разработчики и ученые из смежных отраслей.
Подробнее
Кто будет выявлять победителей в конкурсе AI'M DOCTOR, задача которого — преодоление технологического барьера в области искусственного интеллекта в медицине.
Судейская коллегия состоит из специалистов, которые проводят контроль хода испытаний конкурса на соответствие техническому регламенту и конкурсному заданию.
Техническая комиссия — это специалисты в области искусственного интеллекта и информационных технологий, верифицирующих внешние источники информации, соответствие работы платформы конкурса и систем поддержки принятия врачебных решений участников конкурсному заданию и техрегламенту.
Экспертная комиссия состоит из специалистов в области медицины. Его цель — научно-методологическое и экспертное обеспечение деятельности конкурса (корректность результатов с врачебной точки зрения).
Жюри утверждает результаты финальных испытаний разработок участников, определяют победителей и призеров.
Подробнее
Судейская коллегия состоит из специалистов, которые проводят контроль хода испытаний конкурса на соответствие техническому регламенту и конкурсному заданию.
Техническая комиссия — это специалисты в области искусственного интеллекта и информационных технологий, верифицирующих внешние источники информации, соответствие работы платформы конкурса и систем поддержки принятия врачебных решений участников конкурсному заданию и техрегламенту.
Экспертная комиссия состоит из специалистов в области медицины. Его цель — научно-методологическое и экспертное обеспечение деятельности конкурса (корректность результатов с врачебной точки зрения).
Жюри утверждает результаты финальных испытаний разработок участников, определяют победителей и призеров.
Подробнее
Как создать игру крестики-нолики в Reactjs Используя ручку и бумагу, эта игра легко разрабатывается и в нее можно играть. Тем не менее, мы делаем веб-версию. Посмотрите демо ниже и давайте напишем код для этой игры! https://shly.link/ttmEY
Создание библиотеки компонентов React — правильный путь
Создайте ультрамодульную библиотеку компонентов React: масштабируемую, ремонтопригодную и с молниеносной настройкой. https://shly.link/BiL2v
Создайте ультрамодульную библиотеку компонентов React: масштабируемую, ремонтопригодную и с молниеносной настройкой. https://shly.link/BiL2v
Medium
Building a React Component Library — The Right Way
Create an ultra-modular React component library: scalable, maintainable, and with a blazing-fast setup.
Как быстрее рендерить списки с помощью виртуализации React Представьте, что вы хотите отображать огромный список твитов, генерируемых каждую минуту. Вы получаете огромное количество данных (вероятно, в формате JSON) и добавляете их в DOM с помощью HTML, CSS и JavaScript.
Возможно, мы не сможем увидеть все твиты менее чем за минуту до того, как данные изменятся. Мало того, поскольку рендеринг элементов DOM занимает память браузера, существует вероятность того, что наш браузер получит удар по производительности и замедлится. https://shly.link/yGvKc
Возможно, мы не сможем увидеть все твиты менее чем за минуту до того, как данные изменятся. Мало того, поскольку рендеринг элементов DOM занимает память браузера, существует вероятность того, что наш браузер получит удар по производительности и замедлится. https://shly.link/yGvKc
Хочешь упростить разработку фронтенда? Освой самый популярный фреймворк React.js!
🔥OTUS открывает набор в новую группу практического онлайн-курса «React.js Developer».
Программа ориентирована на специалистов с опытом JS. Вас ждут живые лекции с лайфхаками от экспертов и насыщенная практика в условиях, приближенных к реальным задачам.
👉Пройдите вступительный ТЕСТ, чтобы занять место в группе по специальной цене https://otus.pw/ZYee/
❓Сомневаетесь? Приходите на бесплатный двухдневный интенсив «React-hooks», чтобы понять, подойдет ли вам курс https://otus.pw/hkvM/
🔥OTUS открывает набор в новую группу практического онлайн-курса «React.js Developer».
Программа ориентирована на специалистов с опытом JS. Вас ждут живые лекции с лайфхаками от экспертов и насыщенная практика в условиях, приближенных к реальным задачам.
👉Пройдите вступительный ТЕСТ, чтобы занять место в группе по специальной цене https://otus.pw/ZYee/
❓Сомневаетесь? Приходите на бесплатный двухдневный интенсив «React-hooks», чтобы понять, подойдет ли вам курс https://otus.pw/hkvM/
5 методов сохранения состояния между перезагрузками страницы в React
Изучите различные способы сохранения состояния React между перезагрузками страницы. https://shly.link/ZchTu
Изучите различные способы сохранения состояния React между перезагрузками страницы. https://shly.link/ZchTu
Medium
5 Methods to Persisting State Between Page Reloads in React
Learn different ways of persisting React state between page reloads
React Best Practices — советы по написанию лучшего кода React в 2022 году
Два года назад я начал изучать и использовать React. И сегодня я все еще использую его на своей основной работе в качестве разработчика программного обеспечения и в своих побочных проектах.
За это время я столкнулся с множеством "типичных" проблем. Поэтому я поискал и нашел несколько лучших практик, которые я интегрировал в свой рабочий процесс, и я придумал вещи, которые облегчили мою жизнь или жизнь членов моей команды. https://shly.link/zND7sReact 18, React Redux 8 и TypeScript: что вам нужно знать Поскольку React 18 в настоящее время находится в разработке, React Redux 8, библиотека управления состоянием React, одновременно создается для включения всех новых функций, которые предоставит React 18, включая рендеринг на стороне сервера (SSR), переходы и автоматический пакетный рендеринг.
Еще одним значительным изменением, внесенным в React Redux 8, является преобразование всей его кодовой базы в Typescript, что упрощает пользователям написание безопасного кода и создание приложений без ошибок.
В этой статье мы рассмотрим, как это изменение повлияет на разработчиков, и, поскольку React Redux 8 в настоящее время находится в стадии бета-тестирования, мы проверим его совместимость с бета-версией React 18. https://shly.link/zbBBk
Еще одним значительным изменением, внесенным в React Redux 8, является преобразование всей его кодовой базы в Typescript, что упрощает пользователям написание безопасного кода и создание приложений без ошибок.
В этой статье мы рассмотрим, как это изменение повлияет на разработчиков, и, поскольку React Redux 8 в настоящее время находится в стадии бета-тестирования, мы проверим его совместимость с бета-версией React 18. https://shly.link/zbBBk
LogRocket Blog
React 18, React Redux 8, and TypeScript: What you need to know - LogRocket Blog
Learn about Redux 8, a state management library for React, and how it works with React 18 and it's TypeScript codebase conversion.
Чрезвычайно полезные навыки TypeScript и React https://shly.link/tL2MS
Medium
Extremely Useful TypeScript and React Skills
Super Useful TypeScript and React Skills