Кайф
Пора внедрять в свои пет проекты оплату криптой 😆
Null
Null
React Native 0.68 и «новая архитектура»
Null
Loóna Talks: React Native | LIVE | RU
18 мая, среда · 17:00-20:00 CET
Команда приложения для сна и расслабления Loóna, победители Apple Design Award 2021 и Google Best App 2020, проводит бесплатный митап для разработчиков React Native.
Темы и спикеры:
🧑🚀Сергей Гончар, Co-Founder, Tech, Loóna, ex-Facebook, ex-MSQRD: React Native and Unity3D: Add another dimension to your app.
🧑🚀 Артем Нестеренко, Software Engineer, Loóna: Leveraging the native side of React Native.
🧑🚀Настя Яскевич, Software Engineer, Loóna: Loóna сontent delivery - On-Demand Resources and Android Asset Packs integration with React Native.
🧑🚀 Юра Чучвага, Software Engineer, Loóna: 10 ways to optimize animations in React Native.
Зарегистрироваться можно по ссылке: https://ru.surveymonkey.com/r/M3QMN9D
UPD: кому лень проходить регистрацию, ссылка на прямую трансляцию https://youtu.be/a7MGdPSiKl4
артём
Company:Society of Programmers Agency
Position:Full Stack Developer
Level:Senior
Location: Remote
Employment: full time
Salary fork: 72000-95000$
Proficiency in English language: Professional Level. Fluent
Contacts for communication: @artemnazmedinov
Main stack: 5+year
JavaScript
Node.js
Vue.js
Stack and tools:JavaScript
TypeScript
Vue.js
React.js
React Native
Next.js
Webpack
Node.js
Nest.js
Express.js
Blockchain Architecture
DeFi
Kubernates
AWS
HTML5
CSS3
GraphQL
Solidity
About The Role:
The purpose of this role is to take full ownership and accountability for all of our gaming and blockchain technology, architecture, and tech processes across multiple sites and products.
The individual must have an understanding of game development, blockchain development.
Full accountability for all software architecture and tech processes
Overseeing game integration with blockchains
Daily management of software and web3 development teams and ensuring that development suits required timeframes and roadmaps and assisting with consistently hitting sprint goals
Champion sound, actionable, technical solutions required to provide a high-quality experience to our players
Lead the design of software solutions to identify potential problems and guide the maintenance of legacy software (bug fixing process, initiate requests for enhancement, etc)
Provide full support to teams when technical challenges are encountered to ensure any potential barriers in the development process are overcome
Quality checking code, internally logging and managing codebases making sure it’s clean and is well documented
Consistently improving efficiency by planning tool development, driving communication across all teams and disciplines, and coordinating engineering plans
Assisting with DevOps and improving existing software
Hands-on coding when required
Maintain a broad view of emerging and innovative technologies and developments, especially within the gaming and web3 sectors
About You:
Highly experienced in software development leadership positions within companies with a core focus on complex, high-traffic, scalable, and live services.
Highly experienced within leadership positions in games development or games technology businesses covering a number of large-scale development cycles.
Expert knowledge of online/multiplayer gaming, scaling, and cloud services
Must have experience with blockchain development and smart contract language (solidity)
Experience in managing code bases
High energy, motivated, and a driven self-starter who takes the initiative and does not require micromanagement.
Hands-on and able to get things done themselves like coding, checking developer work, auditing, writing specs, planning, research
A great problem solver and solution architect
Ability to engage with different in-house and outsourced development teams
Excellent organization skills and the ability to work across competing priorities
Excellent verbal and written communication skills
Ideally, experience in the DeFi/NFT space
Ideally, a passion for gaming and the medieval fantasy genre
We are looking for someone to fill this role immediately.
Изабэлла
Ребята. Реально ли постороннему человеку, не программисту изучить ReaktNative? Знаю, что это становиться очень востребованным. Есть желание. Усиленно изучаю английский. Про программирование немного теоретически знаю. Просто что это такое.
Подскажите, пожалуйста с чего начать. Какие программы установить, или курсы видео какие то посмотреть, книги....
Заранее всем спасибо.
Null
Ребята. Реально ли постороннему человеку, не программисту изучить ReaktNative? Знаю, что это становиться очень востребованным. Есть желание. Усиленно изучаю английский. Про программирование немного теоретически знаю. Просто что это такое.
Подскажите, пожалуйста с чего начать. Какие программы установить, или курсы видео какие то посмотреть, книги....
Заранее всем спасибо.
Начни учить JavaScript и не путай с Java, на ютубе полно годных уроков и вот учебник https://learn.javascript.ru/
Null
Ребята. Реально ли постороннему человеку, не программисту изучить ReaktNative? Знаю, что это становиться очень востребованным. Есть желание. Усиленно изучаю английский. Про программирование немного теоретически знаю. Просто что это такое.
Подскажите, пожалуйста с чего начать. Какие программы установить, или курсы видео какие то посмотреть, книги....
Заранее всем спасибо.
Как будешь понимать понимать как работает js, html верстка и базовые css стили берись за react native
Изабэлла
Спасибо! Что ж нужно учить.
Null
Александр
Null
Null
Написали бы что мероприятие виртуальное , а то до последнего не хотелось по ссылке проходить
Готово, spetial for you 🧑💻
Александр
Null
Спасибо, но я уже прошёл по ссылке, увидел, и зарегестрировался. Странная реакция на адекватное замечание
да ничего обычного, просто активности тут нет, иногда что-то интерестное выкладываю.. и когда кто-то пишет, охото пообщатся 😆
Александр
Александр
Null
Понятно) расскажи плиз текущее состояние нэйтива на рынке - ушли ли разрабы на флаттер, идут ли разработки новых фич на платформе, стоит ли запрыгивать в него без предвзятости ?
Про рынок на флаттере ничего особо не знаю, знакомый на фрилансе рабоает, вроде бы есть заказы и соотвественно интерес к технологии. Но и РН тоже не отсает, недавно менял работу, ощущается дефицит качественных разработчиков, HR засыпали вакансиями, в ру аудитории средний ценик за нормального рн разраба 3500-5000$ / месяц
Null
Null
Как уменьшить размер компонента React: 3 профессиональных приема
Автор данной статьи делится проффесиональными приемами и подходами к написанию кода, для улучшения читаемости и восприятия кода, советуем к протчтению как новичкам так и проффесионалам.
P.S. если вы соблюдаете данные практики и ввели их себе в привычку то можете расценивать себя как крепкого мидла и выше.
@react_native_info
John
Как уменьшить размер компонента React: 3 профессиональных приема
Автор данной статьи делится проффесиональными приемами и подходами к написанию кода, для улучшения читаемости и восприятия кода, советуем к протчтению как новичкам так и проффесионалам.
P.S. если вы соблюдаете данные практики и ввели их себе в привычку то можете расценивать себя как крепкого мидла и выше.
@react_native_info
так и не понял что имелось в виду под размером компонента. количество строк в файле?
Null
так и не понял что имелось в виду под размером компонента. количество строк в файле?
Да, оптимизация читаемости и восприятия кода
Null
React Buddy – плагин для Intellij IDEA, который поможет вам разрабатывать приложения на основе React.js, предоставляя визуальные инструменты и помощь в написании кода.
@react_native_info
Null
Null
Oleg
Null
Ребята из Software Mansion, те самые разработчики, которые сделали такие вещи, без которых трудно представить современный React Native (Expo, React Native Gesture Handler, React Native Reanimated, React Native Screens, React Navigation), сейчас занимаются новой крутой фичей Shared Element Transition, реализованной с помощью reanimated и React Native Screens.
Думаю что получится либа, которая умеет интегрироваться с React Navigation. Какие у вас варианты?
@react_native_info
Null
Пользователь Twitter (запрещен в РФ) с ником @hanno_jg развлекается портированием физического движка C++ Box2D в react-native JSI-модуль с использованием shopify/react-native-skia для рендеринга.
Цель: создавать простые 2D-игры, используя Skia с отличным физическим движком.
@react_native_info
Null
Null
Очень красивая и интерестная анимация сделанная на react-native.
Автор сделал две реализации, первая с использованием react-native-skia, вторая с использованием react-native-svg.
Исходный код можно посмотреть на гит
@react_native_info
Nikita
Null
Голосовое управление для react-native приложения, реализовано с помощью react-native-voice/voice, выглядит очень эффектно, реализация достаточно примитивная и простая.
Реальный кейс:
В режиме разработки можно делать reload приложения, если распознать матеренные слова 😁
Исходный код можно посмотреть на гит
@react_native_info
Богдн Володимирович🚜™🇺🇦
Надо будет попробовать сделать Apple Music bubble selection на skia https://github.com/jesster2k10/react-native-bubble-select
О да. У меня была когда-то такая таска. Не сделал за месяц
Nikita
О да. У меня была когда-то такая таска. Не сделал за месяц
У моего коллеги тоже была такая задача, года 4 назад. Так мы городили библиотеку для веба через WebView, ибо использовали managed expo версию. Зато уложились в 3-4 дня.
Null
Remotion — это фреймворк для создания видео с помощью React.js!
Да-да, вам не показалось, теперь крутые и стильные видео можно верстать на реакте!
Также если интерестно, то можно посмотерть уже готовые use-case: remotion.dev/showcase
@react_native_info
Null
Null
Null
Jakob
John
Null
Vadim
Null
Ребята из Software Mansion готовят новый релиз reanimated2, где будут представлены новый хуки useAnimatedKeyboard и useFrameCallback.
Хуки уже доступны в @next версии пакета и их может попробовать каждый желающий.
Стоит обратить внимание на то что для Android хук useAnimatedKeyboard помечен как эксперементальная фича и иногда может работать нестабильно.
useAnimatedKeyboard будет предоставлять доступ к SharedValue переменным height и state:
✓ height – хранит текущее значение высоты клавиатуры;
✓ state – хранит одно из значений енама { CLOSED, OPEN, CLOSING, OPENING };
useFrameCallback позволяет запускать фрагмент кода при каждом обновлении фрейма.
У данного хука есть два аргумента, callback функция и autostart флаг.
При каждом вызове вашей callback функции в нее будут приходить следущие аргументы:
✓ timestamp: number – системное время (в миллисекундах), когда был отрендерен последний кадр;
✓ timeSincePreviousFrame: number | null – время (в миллисекундах) с момента последнего кадра. Это значение будет null в первом кадре после активации хука. Начиная со второго кадра должно быть ~16 мс на 60 Гц или ~8 мс на 120 Гц дисплеях (когда нет задержки);
✓ timeSinceFirstFrame: number – время (в миллисекундах) с момента последнего вызова вашей callback функции;
Хук возвращает объект FrameCallback, для управления состоянием вашей callback функции и имеет следущие параметры:
✓ setActive: (isActive: boolean) => void – начинает/останавливает прослушивание обновлений кадров;
✓ isActive: boolean – указывает, активен ли обратный вызов (true) или нет (false);
✓ callbackId: number – уникальный идентификатор функции обратного вызова;
В видео реализован пример из документации к useAnimatedKeyboard
@react_native_info
Null
Интересный кейс анимации на react-native с использованием useAnimatedSensor из reanimated2.
Исходный код можно посмотреть на гит
@react_native_info
Null
На ивенты нужно много денег
Можно в онлайне собраться на пару часов, каждый желающий расскажет мини доклад о своих достижениях в рн 😏
Null
Null
Null
Александр
Null
Null
Пользователь GitHub под ником lklima реализовал приложение Rive из этого SwiftUI курса на react-native (expo).
Все анимации выполнены с помощью reanimated2 и rive.
Исходный код можно посмотреть на гит
@react_native_info
Alexey
Alexey
Пользователь GitHub под ником lklima реализовал приложение Rive из этого SwiftUI курса на react-native (expo).
Все анимации выполнены с помощью reanimated2 и rive.
Исходный код можно посмотреть на гит
@react_native_info
вот что я нашел https://github.com/rive-app/rive-react-native
Alexey
Alexey
Пользователь GitHub под ником lklima реализовал приложение Rive из этого SwiftUI курса на react-native (expo).
Все анимации выполнены с помощью reanimated2 и rive.
Исходный код можно посмотреть на гит
@react_native_info
либа то ладно, lottie есть, но тут есть редактор https://rive.app/editor
Null
либа то ладно, lottie есть, но тут есть редактор https://rive.app/editor
Надо будет обзор накатать как руки дойдут))
Null
Alexey
Null
пушей нет, какая альтернатива )
Есть костыли https://github.com/supabase/supabase/issues/5372 😂
Ну а так остается ждать, когда-то да запилят, если кто-то по каким-то причинам не может использовать firebase, то это отичный вариант, а для пушей можно onesignal подтянуть
Null
Энтузиаст создал красивую анимацию покемона volcarona на react-native с использованием хука useAnimatedSensor из reanimated2.
Исходный код можно посмотреть на гит
@react_native_info
Null
Null
Сегодня Expo ломает границы нативной навигации для мира react-native с помощью Expo Router!
Основные особенности:
✓ Автоматическое создание навигации на основе файлов в вашем проекте;
✓ Автоматические диплинки;
✓ Построен на базе React Navigation;
Если вкратце, то с помощью данной библиотеки можно реализовать навигацию в приложении основываясь на структуре файлов вашего проекта.
Более подробно можно ознакомится в статье «RFC: File System-Based Native Routing with Expo and React Native», а также в оффициальной документации Expo Router.
@react_native_info
Null
Alexey
Null
Пользователь GitHub под ником lklima реализовал необычные транзишены на reanimated2, готовый пример выполнен на expo.
Исходный код можно посмотреть на гит
@react_native_info
VALERY OLYUNIN
Null
Null
Null
Null
Не так давно Shopify представили FlashList — это библиотека с открытым исходным кодом, более быстрыя и производительная замена FlatList.
Плюсы FlashList:
✓ Прокрутка 60 кадров в секунду на бюджетных устройствах;
✓ Больше нет пустых мест как в обычном FlatList;
✓ Очень простая реализация;
Более подробно можно почитать тут
@react_native_info
Alexey
Alexey
Alexey
Null
на демо даже виден косяк, при прокрутке быстрой возникают пустые места
Просто он очень быстрый и человеческий глаз не успевает уследить за элементами😂