Снится ли фронтендерам мобильная разработка?
Виктор Ильтимиров, разработчик мобильных приложений команды СберМаркет, рассказал на Хабре, стоит ли переходить с React на React Native:
Если размышляете о переходе, сомневаетесь или просто изучаете новые для себя области, Виктор поможет сориентироваться, даст совет и заодно подскажет, где ещё искать информацию на эту тему.
Читайте внутри:
- какие у React Native сильные стороны и чем он отличается от React;
- почему перейти из web в мобильную разработку может быть хорошей идеей;
- как с помощью React Native Reanimated создавать интерфейсы и анимации, которые будут работать в 60 FPS даже на слабых телефонах.
https://bit.ly/3eugHAl
@react_it
-~~~~~~~~~~-
Виктор Ильтимиров, разработчик мобильных приложений команды СберМаркет, рассказал на Хабре, стоит ли переходить с React на React Native:
Если размышляете о переходе, сомневаетесь или просто изучаете новые для себя области, Виктор поможет сориентироваться, даст совет и заодно подскажет, где ещё искать информацию на эту тему.
Читайте внутри:
- какие у React Native сильные стороны и чем он отличается от React;
- почему перейти из web в мобильную разработку может быть хорошей идеей;
- как с помощью React Native Reanimated создавать интерфейсы и анимации, которые будут работать в 60 FPS даже на слабых телефонах.
https://bit.ly/3eugHAl
@react_it
-~~~~~~~~~~-
Хабр
React → React Native: снится ли фронтендерам мобильная разработка?
Привет! Я Виктор Ильтимиров, разработчик мобильных приложений в СберМаркете. Хочу рассказать, сложно ли переходить с React на React Native и зачем команда СберМаркета использует Reanimated....
Migrating to React Router v6: A complete guide
https://blog.logrocket.com/migrating-react-router-v6-complete-guide/
@react_it
-~~~~~~~~~~-
https://blog.logrocket.com/migrating-react-router-v6-complete-guide/
@react_it
-~~~~~~~~~~-
LogRocket Blog
Migrating to React Router v6: A complete guide - LogRocket Blog
Migrate your React Router applications from v5 to v6 with this in-depth guide, including a review of additions and improvements from v5.
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
-~~~~~~~~~~-
https://www.mikealche.com/software-development/learn-react-animations-by-creating-a-stripe-inspired-menu
@react_it
-~~~~~~~~~~-
Mike Alche
Learn React Animations by Creating a Stripe inspired Menu - Mike Alche
Learn React Animations by Creating a Stripe inspired Menu - software-development - Mike Alche
Вам действительно нужно писать документацию по API?
https://medium.com/cazoo/do-you-really-need-to-write-api-documentation-e44e9685df41
@react_it
-~~~~~~~~~~-
https://medium.com/cazoo/do-you-really-need-to-write-api-documentation-e44e9685df41
@react_it
-~~~~~~~~~~-
Medium
Do you really need to write API Documentation?
Use open API specifications as your single source of truth to generate types, validation and documentation
React JS UI Design, Sales Analytics Dashboard - Javascript
https://www.youtube.com/watch?v=Wq8D2SwikWA
@react_it
-~~~~~~~~~~-
https://www.youtube.com/watch?v=Wq8D2SwikWA
@react_it
-~~~~~~~~~~-
YouTube
React JS UI Design, Sales Analytics Dashboard - Javascript | HTML - CSS - JSX | Recharts
In this tutorial we'll learn How to design aSales Analytics Dashboard ( web design ) using React JS and styled-components , recharts, react-icons.
using also Javascript | HTML - CSS - JSX, scrollreveal
----------------------- Commande -----------------…
using also Javascript | HTML - CSS - JSX, scrollreveal
----------------------- Commande -----------------…
Изучение трех новых API React 18
https://blog.logrocket.com/exploring-react-18-three-new-apis/
@react_it
-~~~~~~~~~~-
https://blog.logrocket.com/exploring-react-18-three-new-apis/
@react_it
-~~~~~~~~~~-
LogRocket Blog
Exploring React 18’s three new APIs - LogRocket Blog
With the release of React 18 on the horizon, familiarize yourself with three new APIs that should help make concurrent rendering a reality.
Ребята, в нашу дружную команду Jump.Finance требуются крутые php-разработчики, способные решать нетривиальные задачи и желающие участвовать в развитии архитектуры нашего продукта. У нас комфортные условия труда и стабильно высокая ЗП. Jump.Finance - это интересный финтех-продукт и сильная команда коллег-разработчиков уровня middle+ и выше. Приветствуем кандидатов из регионов. Команда распределённая, многие ребятки работают удалённо.
Возможно ты именно тот кого мы ищем. Ждем в нашу команду нового супер героя.
Для связи писать @xstreami
Возможно ты именно тот кого мы ищем. Ждем в нашу команду нового супер героя.
Для связи писать @xstreami
Кричащая архитектура — эволюция структуры папок React
https://dev.to/profydev/screaming-architecture-evolution-of-a-react-folder-structure-4g25
@react_it
-~~~~~~~~~~-
https://dev.to/profydev/screaming-architecture-evolution-of-a-react-folder-structure-4g25
@react_it
-~~~~~~~~~~-
DEV Community
Screaming Architecture - Evolution of a React folder structure
React folder structures... lots of approaches and opinions. But how do they evolve and at what cost? This is a journey of a growing codebase with a feature-driven folder structure at its end.
Структурирование Storybook
Рекомендации по организации компонентов в Storybook
https://storybook.js.org/blog/structuring-your-storybook
@react_it
-~~~~~~~~~~-
Рекомендации по организации компонентов в Storybook
https://storybook.js.org/blog/structuring-your-storybook
@react_it
-~~~~~~~~~~-
Storybook Blog
Structuring your Storybook
Best practices for organizing components and stories
Гексагональная архитектура и Domain Driven Design на примере Front-end приложения
https://habr.com/ru/post/654629/
@react_it
-~~~~~~~~~~-
https://habr.com/ru/post/654629/
@react_it
-~~~~~~~~~~-
Хабр
Гексагональная архитектура и Domain Driven Design на примере Front-end приложения
Не стоит воспринимать статью за единственно верный подход. Вариаций много, это все лишь видение автора на тематику вопроса. Погружение Domain Driven Design - это набор принципов и схем, направленных...
Навигация с горизонтальной прокруткой
https://markdotto.com/2022/03/10/horizontal-scrolling-nav/
@react_it
-~~~~~~~~~~-
https://markdotto.com/2022/03/10/horizontal-scrolling-nav/
@react_it
-~~~~~~~~~~-
@mdo
Horizontal scrolling nav
Continuing with my JavaScript fun, I wanted to do an updated pass on the horizontal navs I’ve previously built for both GitHub Mobile (prior to the current responsive version and native apps) and this Bootstrap dashboard example.
Adaptive Favicon for Modern Web Apps in React
https://blog.bitsrc.io/adaptive-favicon-for-modern-web-apps-in-react-b97e4bad9f90
@react_it
-~~~~~~~~~~-
https://blog.bitsrc.io/adaptive-favicon-for-modern-web-apps-in-react-b97e4bad9f90
@react_it
-~~~~~~~~~~-
Medium
Adaptive Favicon for Modern Web Apps in React
Developing awesome dynamic favicons
Как сделать игру 2048 на React
https://habr.com/ru/company/skillfactory/blog/588356/
@react_it
-~~~~~~~~~~-
https://habr.com/ru/company/skillfactory/blog/588356/
@react_it
-~~~~~~~~~~-
Хабр
Как сделать игру 2048 на React
Автор этого туториала сосредоточился на анимации. Он использовал хуки библиотеки React, её Context API, а также TypeScript и LESS. В конце вы найдёте ссылки на игру, её код и демо анимаций....
😃 Документалочка про Typescript подъехала
🖥 https://youtu.be/U6s2pdxebSo?si=ewVwveu95C1SCAgj
#typescript |❤ @react_it
#typescript |
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
TypeScript Origins: The Documentary
TypeScript Origins: The Documentary is brought to you by OfferZen - the community-first developer jobs platform. The documentary features core contributors and community members like Anders Hejlsberg, Steve Lucco, Luke Hoban, Daniel Rosenwasser, Ryan Cavanaugh…
Хочешь быть в тренде технологий тогда тебе точно следует посмотреть этот видос: «Экосистема React.js 2023»
Видео короткое и очень емкое. Автор разобрал актуальный стек для react. В обзоре собраны практически все направления от песочниц с поддержкой react до мобильных приложений.
▶️ https://www.youtube.com/watch?v=qQ2hX5mY534
#reactjs |❤ @react_it
Видео короткое и очень емкое. Автор разобрал актуальный стек для react. В обзоре собраны практически все направления от песочниц с поддержкой react до мобильных приложений.
#reactjs |
Please open Telegram to view this post
VIEW IN TELEGRAM
React Fiber & Concurrency Part
В сети много статей и докладов, которые описывают React Fiber, но, к сожалению, они сейчас уже не актуальны.
Автор статьи решил разобраться и актуализировать информацию. Его основными помощниками были исходники и отладчик, поэтому в статье вы увидите множество ссылок на код из репозитория React.
Часть 1 - https://habr.com/ru/articles/763534
Часть 2 - https://habr.com/ru/articles/764800
#reactjs |❤ @react_it
В сети много статей и докладов, которые описывают React Fiber, но, к сожалению, они сейчас уже не актуальны.
Автор статьи решил разобраться и актуализировать информацию. Его основными помощниками были исходники и отладчик, поэтому в статье вы увидите множество ссылок на код из репозитория React.
Часть 1 - https://habr.com/ru/articles/763534
Часть 2 - https://habr.com/ru/articles/764800
#reactjs |
Please open Telegram to view this post
VIEW IN TELEGRAM
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
Feature-Sliced Design (FSD) — это архитектурная методология для проектирования frontend-приложений. Проще говоря, это свод правил и соглашений по организации кода. Главная цель методологии — сделать проект понятным и структурированным, особенно в условиях регулярного изменения требований бизнеса.
#tools |
Please open Telegram to view this post
VIEW IN TELEGRAM