Работа с навигацией при рефакторинге легаси проекта в React Native

Автор: admin от 2-08-2019, 10:10, посмотрело: 71

Данный материал посвящен работе по рефакторингу навигации в мобильной разработке.

В статье приведены примеры возможных проблем, а также выходов из сложных ситуаций, связанных с работой навигации в мобильной разработке на React Native.



Мы рассмотрим основные особенности и проблемы мобильного Legacy проекта, шаг за шагом пройдем цепочку действий, состоящую из постановки задачи, определения узких мест, поиска решений сложившихся проблем и получения желаемого результата.



Работа с навигацией при рефакторинге легаси проекта в React Native

Категория: Веб-разработка / Android / iOS

 

React Native: делаем draggable & swipeable список

Автор: admin от 19-07-2019, 20:40, посмотрело: 137

Сегодня трудно кого-то удивить возможностью свайпать элементы списка в мобильных приложениях. В одном нашем react-native приложении тоже была такая функциональность, но недавно возникла необходимость расширить её возможностью перетаскивать элементы списка. А поскольку процесс поиска решения стоил мне некоторого количества нервных клеток, я решил запилить небольшую статью, чтобы сэкономить драгоценное время будущим поколениям.



React Native: делаем draggable & swipeable список

Категория: iOS

 

4 Причины, почему вы должны забыть о Redux в приложениях на React

Автор: admin от 11-07-2019, 20:00, посмотрело: 259

Я работаю с Реактом на протяжении почти 3 лет, использовал как Redux так и MobX и у меня к текущему моменту возник вопрос. Почему абсолютное большинство front-end разработчиков продолжают свято верить в то, что Redux + Redux Saga + Reselect + 100500 других библиотек «облегчающих» жизнь — это лучшее решение на сегодняшний момент? Я приведу 4 аргумента в пользу того, чтобы в следующем проекте вы использовали MobX вместо Redux.

Категория: Веб-разработка

 

JAMstack: Как создать свой блог используя Gatsby + Contentful + Netlify

Автор: admin от 6-02-2019, 17:35, посмотрело: 270

Вы уже слышали о новом подходе JAMstack? Возможность писать веб-приложения на любимом фреймворке, управлять контентом из админ панели, а на выходе получать полностью валидные HTML-страницы построенные согласно с самыми последними рекомендациями SEO, PWA и a11y.



Интересно? Тогда вот список рассматриваемых вопросов в этой статье:




  • Что это за новый стек и зачем он нужен?

  • Как запустить базовое приложение используя Gatsby?

  • Работа с Contentful и создание первой порции данных

  • Как связать Contentful и Gatsby используя GraphQL?

  • Настроить автоматический деплоймент используя Netlify

Категория: Программирование

 

Как стать React разработчиком в 2018 году

Автор: admin от 12-10-2018, 10:30, посмотрело: 120

Как стать React разработчиком в 2018 году


Несмотря на то что пост написан в этом году, изучить всю предложенную программу за оставшиеся месяцы вы, вероятно, не успеете. Поэтому карту разработчика можно смело брать с собой в год следующий.



Адам Голаб, эксперт по React и JS, составил пошаговый учебный план, который поможет вам стать разработчиком с нуля либо укажет направление для дальнейшего повышения навыков в профессии.



План Адама представляет собой список основных пунктов, которые вам нужно изучить самостоятельно. Мы добавили описание, а в некоторых сложных моментах указали ссылки на дополнительные справочные материалы, с помощью которых вы получите ответ на вопрос: «Что я должен узнать как React-разработчик?».

Категория: Веб-разработка

 

Как использовать getDerivedStateFromProps в React 16.3 (ру субтитры)

Автор: admin от 12-04-2018, 13:55, посмотрело: 1 109

Вышел перевод нового видео от команды hackage.tv, в котором очень доступно рассказано об использовании методов жизненного цикла в React 16.3 и getDerivedStateFromProps в частности.



https://habrahabr.ru/post/353328/?utm_source=habrahabr&utm_medium=rss&utm_campaign=353328#habracut

Категория: Компании / Google

 

Как использовать все возможности мобильной ОС в React Native

Автор: admin от 24-01-2018, 13:40, посмотрело: 286

На рынке есть несколько кроссплатформенных решений: Cordova, Xamarin, React Native и другие, менее известные. Многие мобильные разработчики считают, что кроссплатформенные решения никогда не позволят делать то, что могут нативные приложения.



В статье я развенчаю этот миф и расскажу о механизме в React Native, который позволяет сделать все, на что способно нативное приложение. Этот механизм – нативные модули. Под катом – подробное описание, как создавать нативные модули для Android и iOS.



Как использовать все возможности мобильной ОС в React Native

Категория: Android / iOS

 

Первый взгляд на react-native

Автор: admin от 12-01-2018, 21:15, посмотрело: 450

Если вы фронтенд разработчик, да еще и с опытом работы react + redux, то вам определенно стоит обратить внимание на такой интересный инструмент как react-native. Он позволяет разрабатывать кроссплатформенные приложения под ios и android. React-native находится в стадии активного развития и выпускает обновления каждый месяц.

Категория: Game Development / Android / iOS

 

SummaryJS, выпуск 2

Автор: admin от 31-08-2017, 17:31, посмотрело: 640

Видео, подкасты


ES6 vs Today
An Angular2 Todo App: First look at App Development in Angular2
Async Apps with React and Flux
A 90 minute overview of ECMAScript 6
Building with React.js
Intro to Webpack
io.js with Isaac Schleuter and Mikeal Rogers

Категория: Программирование / Веб-разработка

 

Используем CommonJS модули в Rails с Browserify

Автор: admin от 31-08-2017, 17:31, посмотрело: 604

Привет,


javascript и Front-end в целом становятся все сложнее и сложнее. На мой взгляд, стандартная поставка Rails не отвечает современным потребностям Front-end разработчика. К тому же использование Sprockets делает ваш код очень Rails-специфичным, что затрудняет он-бординг новых разработчиков, незнакомых с Rails.


В данном видео, на примере простого React.js приложения, я покажу, как можно мигрировать со Sprockets на Browserify.


Этот подход дает следующие бонусы:



  • Управление зависимостями javascript пакетов через npm;

  • Лучший туллинг и интеграция с IDE;

  • Уменьшение связности фронтенда и бекенда;

  • Возможность выделения фронтенда в отдельное приложение и репозиторий. Что может не являться бонусом на первый взгляд, но довольно удобно, когда вы работаете большой командой над большим приложением.



Код приложения доступен на гитхабе: https://github.com/nLight/tutorial-rails-react-browserify

https://habrahabr.ru/post/282293/#habracut

Категория: Программирование / Веб-разработка

 
Назад Вперед