Всем привет!
Меня зовут Артем, и я - full stack developer с более чем 10-летним стажем.
Но недавно я решил попробовать что-то сделать на React Native, учитывая что опыт с реактом уже был.
Здесь я планирую делиться с вами исходным кодом своих pet проектов, полезными ресурсами и интересными фишками, вдруг кому-то будет полезно.
Ну а так же тут будут мемасы, просто какой-то смолток или типа того)
💖 ссылки для поддержки если что
https://boosty.to/mbhusty
https://www.patreon.com/mbhusty
Лайк, шер, репост кароч
Меня зовут Артем, и я - full stack developer с более чем 10-летним стажем.
Но недавно я решил попробовать что-то сделать на React Native, учитывая что опыт с реактом уже был.
Здесь я планирую делиться с вами исходным кодом своих pet проектов, полезными ресурсами и интересными фишками, вдруг кому-то будет полезно.
Ну а так же тут будут мемасы, просто какой-то смолток или типа того)
💖 ссылки для поддержки если что
https://boosty.to/mbhusty
https://www.patreon.com/mbhusty
Лайк, шер, репост кароч
👍2👾1
ReactNative и что-то остальное pinned «Всем привет! Меня зовут Артем, и я - full stack developer с более чем 10-летним стажем. Но недавно я решил попробовать что-то сделать на React Native, учитывая что опыт с реактом уже был. Здесь я планирую делиться с вами исходным кодом своих pet проектов…»
Expo GO или React Native CLI?
Первое с чем я столкнулся открыв
Setting up the development environment это выбор: Expo GO или React Native CLI?
Быстро пробежавшись по странице и сравнив шаги, решил что лучше для начала не городить непонятно что и выбрал Expo GO
На этом этапе я сильно не вдавался в ресерч что такое expo и что оно из себя представляет, в чем и была моя ошибка)
Развернул проект, начал накидывать структуру и ставить нужные пакеты. Тут и начались проблемы.
Для моего первого пет проекта мне необходима была интеграция с Firebase для записи и в целом хранения данных + простая авторизация юзеров, но после установки зависимости, проект перестал собираться и запускаться.
Пришлось потратить немало часов на выяснение причин. А все оказалось просто: ExpoGo не мог работать с тем пакетом для интеграции с Firebase который я поставил (версии уже не помню)
Точнее наверное не так, проект не мог скомпилироваться корректно в проект для Xcode.
В итоге кое-как нашел подходящие версии, поставил все необходимое и завелось)
Уже после я пробовал React Native CLI и там мне показалось все гораздо гибче и понятнее =предсказуемее
Мой итог для начала: Expo GO норм тема для быстрого старта + вроде как потом не сложно от него уйти. Точно хорошо подойдет для всего что нужно, просто нужно понимать его ограничения и возможности. Отдельный плюс экспо в том, что из коробки много что полезного есть.
Ну а React Native CLI это по хардкору, вас будет ждать тонна рандомных непонятных ошибок, которые как правило лечатся чисткой кеша и пересборкой проекта с нуля и тд.
Но зато разработка будет гибче
Первое с чем я столкнулся открыв
Setting up the development environment это выбор: Expo GO или React Native CLI?
Быстро пробежавшись по странице и сравнив шаги, решил что лучше для начала не городить непонятно что и выбрал Expo GO
На этом этапе я сильно не вдавался в ресерч что такое expo и что оно из себя представляет, в чем и была моя ошибка)
Развернул проект, начал накидывать структуру и ставить нужные пакеты. Тут и начались проблемы.
Для моего первого пет проекта мне необходима была интеграция с Firebase для записи и в целом хранения данных + простая авторизация юзеров, но после установки зависимости, проект перестал собираться и запускаться.
Пришлось потратить немало часов на выяснение причин. А все оказалось просто: ExpoGo не мог работать с тем пакетом для интеграции с Firebase который я поставил (версии уже не помню)
Точнее наверное не так, проект не мог скомпилироваться корректно в проект для Xcode.
В итоге кое-как нашел подходящие версии, поставил все необходимое и завелось)
Уже после я пробовал React Native CLI и там мне показалось все гораздо гибче и понятнее =предсказуемее
Мой итог для начала: Expo GO норм тема для быстрого старта + вроде как потом не сложно от него уйти. Точно хорошо подойдет для всего что нужно, просто нужно понимать его ограничения и возможности. Отдельный плюс экспо в том, что из коробки много что полезного есть.
Ну а React Native CLI это по хардкору, вас будет ждать тонна рандомных непонятных ошибок, которые как правило лечатся чисткой кеша и пересборкой проекта с нуля и тд.
Но зато разработка будет гибче
reactnative.dev
Get Started with React Native · React Native
React Native allows developers who know React to create native apps. At the same time, native developers can use React Native to gain parity between native platforms by writing common features once.
❤2🤣1
И в догонку, уже спустя какое-то время я нашел полезный ресурс по поиску библиотек для React Native:
https://reactnative.directory
Может еще кому-то будет полезно 🧐
https://reactnative.directory
Может еще кому-то будет полезно 🧐
Всем привет! При создании канала тупанул и не включил комментарии под постами.
Сейчас пофиксил 🧐
Под этим постом можно задать интересующие вопросы или просто пообщаться
Велком 🤝
Сейчас пофиксил 🧐
Под этим постом можно задать интересующие вопросы или просто пообщаться
Велком 🤝
👍3❤1
Отец работает в React Native Community. Сегодня срочно вызвали на совещание. Вернулся поздно и ничего не объяснил. Сказал лишь собирать вещи, брать с собой ноутбук и бежать в магазин за redux на две недели. Сейчас едем куда-то далеко за город. Не знаю что происходит, но мне кажется началось...
РАСПРОСТРАНЯЙТЕ ❗️❗️❗️
https://news.1rj.ru/str/react_pain
РАСПРОСТРАНЯЙТЕ ❗️❗️❗️
https://news.1rj.ru/str/react_pain
🤣4
Redux в проекте ⚡️
Начал рефакторить один из проектов и решил подключить Redux. Сделал все по документации:
Создал стор, экшоны и редьюсеры, импортирую созданный стор в App.js
.....и получаю ошибку
Потратил часа 3-4 что бы понять что не так. В итоге наткнулся на подобную проблему на stackoverflow и в самом полезном комментарии вижу:
`App` must be wrapped in provider since you are using `useDispatch` in it. Right now it's just a child. `Provider` sets the context so only its children can have access to it, not a parent.
Пришлось обернуть все в дополнительную "обертку" и уже в нее импортировать созданный стор, что бы исправить ошибку.
Вопрос знатокам: почему так происходит? И есть ли другие варианты решения? Потому что пока это выглядит как костыль 🧐
Начал рефакторить один из проектов и решил подключить Redux. Сделал все по документации:
Создал стор, экшоны и редьюсеры, импортирую созданный стор в App.js
import store from './store/store'
<Provider store={store}>
//App
</Provider>
.....и получаю ошибку
ERROR Error: could not find react-redux context value; please ensure the component is wrapped in a `<Provider>`
Потратил часа 3-4 что бы понять что не так. В итоге наткнулся на подобную проблему на stackoverflow и в самом полезном комментарии вижу:
`App` must be wrapped in provider since you are using `useDispatch` in it. Right now it's just a child. `Provider` sets the context so only its children can have access to it, not a parent.
Пришлось обернуть все в дополнительную "обертку" и уже в нее импортировать созданный стор, что бы исправить ошибку.
Вопрос знатокам: почему так происходит? И есть ли другие варианты решения? Потому что пока это выглядит как костыль 🧐
This media is not supported in your browser
VIEW IN TELEGRAM
Это я пытаюсь подобрать подходящие друг к другу версии пакетов в RN
❤2🤣1
