Найти в Дзене

Верстка приложений в React Native очень похожа на верстку веб-страниц

Всем, кто приходит в React Native из веб-разработки, многое кажется знакомым. Тем не менее, это совершенно отдельная технология. О ее особенностях рассказывает Федор из Neti. Федор был верстальщиком сайтов. Однажды клиенту компании, в которой он работал, потребовалось создать мобильное приложение. То, что в команде не было мобильных разработчиков, не помешало руководству взять этот заказ. «Меня поставили перед фактом, что мобильное приложение буду делать я, — рассказывает Федор. — Я стал изучать фреймворки для кроссплатформенной разработки: React Native, Flutter, Ionic, Xamarin. Понял их плюсы и минусы и в итоге решил писать на React Native. Подумал, что будет полезно заодно выучить и React. Первый проект был самым сложным. Приходилось постоянно гуглить, смотреть ролики, разбираться с багами. Сейчас, с опытом, я понимаю, где какой баг может вылезти, а тогда терялся. Но прототип приложения все-таки сдал. На это ушло три месяца. И хотя дальше прототипа дело не пошло, это был интересный о

Всем, кто приходит в React Native из веб-разработки, многое кажется знакомым. Тем не менее, это совершенно отдельная технология. О ее особенностях рассказывает Федор из Neti.

Федор был верстальщиком сайтов. Однажды клиенту компании, в которой он работал, потребовалось создать мобильное приложение. То, что в команде не было мобильных разработчиков, не помешало руководству взять этот заказ.

«Меня поставили перед фактом, что мобильное приложение буду делать я, — рассказывает Федор. — Я стал изучать фреймворки для кроссплатформенной разработки: React Native, Flutter, Ionic, Xamarin. Понял их плюсы и минусы и в итоге решил писать на React Native. Подумал, что будет полезно заодно выучить и React.

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

Разработка на React Native происходит в модульном режиме путем верстки стандартными или кастомизированными компонентами: button, text, view, flatList, scrollView. В интернете много материалов и обучающих курсов. Изучив их, каждый, кто работал с JavaScript, сможет начать верстать на React Native.

«Если веб-разработчик решит писать приложения на React Native и освоит React, он быстро разберется с версткой, — поясняет Федор. — Она очень похожа на верстку веб-страниц. С навигацией будет сложнее: там есть специфичные компоненты. Также придется повозиться с push-уведомлениями. И с анимацией: создать ее при помощи одного CSS, как для веб-страницы, не получится. Придется все писать на JS.

Делая сайты, ты почти всегда заранее знаешь, как все будет работать. Мобильная разработка в этом плане увлекательнее: постоянно приходится что-нибудь изобретать, обходить препятствия, придумывать что-то новое».

Если вы только собираетесь погружаться в мобильную разработку и не можете определиться, с чего начать — присмотритесь к React Native. Эта технология позволяет создавать мобильные решения простым и быстрым способом.