162
Обучение программированию на React. Статьи, уроки, инструменты и все что связано с reactjs Поддержать развитие канала https://qiwi.me/react_it Контакты: @xstreami
Feature-Sliced Design (FSD)
Feature-Sliced Design (FSD) — это архитектурная методология для проектирования frontend-приложений. Проще говоря, это свод правил и соглашений по организации кода. Главная цель методологии — сделать проект понятным и структурированным, особенно в условиях регулярного изменения требований бизнеса.
📚 Проект: https://feature-sliced.design/ru/docs
🎬 Обзор: https://www.youtube.com/watch?v=X_AulkMn5mE
#tools | ❤@react_it
Хочешь быть в тренде технологий тогда тебе точно следует посмотреть этот видос: «Экосистема React.js 2023»
Видео короткое и очень емкое. Автор разобрал актуальный стек для react. В обзоре собраны практически все направления от песочниц с поддержкой react до мобильных приложений.
▶️ https://www.youtube.com/watch?v=qQ2hX5mY534
#reactjs | ❤@react_it
Как сделать игру 2048 на React
https://habr.com/ru/company/skillfactory/blog/588356/
@react_it
-~~~~~~~~~~-
Навигация с горизонтальной прокруткой
https://markdotto.com/2022/03/10/horizontal-scrolling-nav/
@react_it
-~~~~~~~~~~-
What’s New in React 18?
https://betterprogramming.pub/whats-new-in-react-18-f69fb8b0619f
@react_it
-~~~~~~~~~~-
Структурирование Storybook
Рекомендации по организации компонентов в Storybook
https://storybook.js.org/blog/structuring-your-storybook
@react_it
-~~~~~~~~~~-
Ребята, в нашу дружную команду Jump.Finance требуются крутые php-разработчики, способные решать нетривиальные задачи и желающие участвовать в развитии архитектуры нашего продукта. У нас комфортные условия труда и стабильно высокая ЗП. Jump.Finance - это интересный финтех-продукт и сильная команда коллег-разработчиков уровня middle+ и выше. Приветствуем кандидатов из регионов. Команда распределённая, многие ребятки работают удалённо.
Возможно ты именно тот кого мы ищем. Ждем в нашу команду нового супер героя.
Для связи писать @xstreami
React JS UI Design, Sales Analytics Dashboard - Javascript
https://www.youtube.com/watch?v=Wq8D2SwikWA
@react_it
-~~~~~~~~~~-
bulletproof-react
https://github.com/alan2207/bulletproof-react
@react_it
-~~~~~~~~~~-
Migrating to React Router v6: A complete guide
https://blog.logrocket.com/migrating-react-router-v6-complete-guide/
@react_it
-~~~~~~~~~~-
Структура папок React для приложений корпоративного уровня
https://engineering.udacity.com/react-folder-structure-for-enterprise-level-applications-f8384eff162b
@react_it
-~~~~~~~~~~-
Create an advanced scroll lock React Hook
https://blog.logrocket.com/create-advanced-scroll-lock-react-hook/
@react_it
-~~~~~~~~~~-
Creating a React component with TDD
https://dev.to/mbarzeev/creating-a-react-component-with-tdd-2jn8
@react_it
-~~~~~~~~~~-
Заметка о том, как работают хуки в React
https://habr.com/ru/post/553104/
@react_it
-~~~~~~~~~~-
React Testing Library. Полный курс
https://www.youtube.com/watch?v=n79PMyqcCJ8
@react_it
-~~~~~~~~~~-
React Fiber & Concurrency Part
В сети много статей и докладов, которые описывают React Fiber, но, к сожалению, они сейчас уже не актуальны.
Автор статьи решил разобраться и актуализировать информацию. Его основными помощниками были исходники и отладчик, поэтому в статье вы увидите множество ссылок на код из репозитория React.
Часть 1 - https://habr.com/ru/articles/763534
Часть 2 - https://habr.com/ru/articles/764800
#reactjs | ❤@react_it
😃 Документалочка про Typescript подъехала
🖥 https://youtu.be/U6s2pdxebSo?si=ewVwveu95C1SCAgj
#typescript | ❤@react_it
Adaptive Favicon for Modern Web Apps in React
https://blog.bitsrc.io/adaptive-favicon-for-modern-web-apps-in-react-b97e4bad9f90
@react_it
-~~~~~~~~~~-
State of JS 2021
https://2021.stateofjs.com/ru-RU/
@react_it
-~~~~~~~~~~-
Гексагональная архитектура и Domain Driven Design на примере Front-end приложения
https://habr.com/ru/post/654629/
@react_it
-~~~~~~~~~~-
Кричащая архитектура — эволюция структуры папок React
https://dev.to/profydev/screaming-architecture-evolution-of-a-react-folder-structure-4g25
@react_it
-~~~~~~~~~~-
Изучение трех новых API React 18
https://blog.logrocket.com/exploring-react-18-three-new-apis/
@react_it
-~~~~~~~~~~-
Вам действительно нужно писать документацию по API?
https://medium.com/cazoo/do-you-really-need-to-write-api-documentation-e44e9685df41
@react_it
-~~~~~~~~~~-
Learn React Animations by Creating a Stripe inspired Menu
https://www.mikealche.com/software-development/learn-react-animations-by-creating-a-stripe-inspired-menu
@react_it
-~~~~~~~~~~-
Снится ли фронтендерам мобильная разработка?
Виктор Ильтимиров, разработчик мобильных приложений команды СберМаркет, рассказал на Хабре, стоит ли переходить с React на React Native:
Если размышляете о переходе, сомневаетесь или просто изучаете новые для себя области, Виктор поможет сориентироваться, даст совет и заодно подскажет, где ещё искать информацию на эту тему.
Читайте внутри:
- какие у React Native сильные стороны и чем он отличается от React;
- почему перейти из web в мобильную разработку может быть хорошей идеей;
- как с помощью React Native Reanimated создавать интерфейсы и анимации, которые будут работать в 60 FPS даже на слабых телефонах.
https://bit.ly/3eugHAl
@react_it
-~~~~~~~~~~-
Advanced Typescript
https://kevinkreuzer.medium.com/advanced-typescript-43331bb4a875
@react_it
-~~~~~~~~~~-
Как оптимизировать размер бандла SPA и ускорить загрузку приложения в несколько раз
https://habr.com/ru/company/miro/blog/595307/
@react_it
-~~~~~~~~~~-
Conditional Border Radius In CSS
https://ishadeed.com/article/conditional-border-radius
@react_it
-~~~~~~~~~~-
React hooks: никакой магии, только массивы
https://medium.com/nuances-of-programming/react-hooks-%D0%BD%D0%B8%D0%BA%D0%B0%D0%BA%D0%BE%D0%B9-%D0%BC%D0%B0%D0%B3%D0%B8%D0%B8-%D1%82%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE-%D0%BC%D0%B0%D1%81%D1%81%D0%B8%D0%B2%D1%8B-59e22f31db2b
@react_it
-~~~~~~~~~~-
Вышел Storybook 6.4
shilman/storybook-6-4-63a7f0710cb3" rel="nofollow">https://medium.com/@shilman/storybook-6-4-63a7f0710cb3
@react_it
-~~~~~~~~~~-