Курс React Native. Пишем приложение для управления финансами. Урок React Native для новичков.

Github - github.com/devpew/muffinReact...
В этом видео я показываю как создавать мобильное приложение на React Native. Научимся работать с React Native Navigation. Используем AsyncStorage для хранения токена. Поймем как работать с API, доставать данные из JSON. Расскажу про JWT.
Если понравилось, то дайте знать. Если что-то не понравилось, то тоже сообщайте, мне интересно :)
Поддержать меня можно тут - www.donationalerts.com/r/johe...
Телеграм - t.me/johenews
Телеграм с покупками - t.me/aliexpressgeeks
Канал с клавиатурами - t.me/ergosplits

[@TheGecktor]

Тема интересна, многое становится понятно. Но пока вопросов остается больше чем ответов) Ждем новых выпусков по этой теме

[@aristarhbahirev2548]

Давай про API и его построение, было бы реально круто

[@sepezho]

Пришел из телеги) Предвкушаю шикарное утро

[@shirokovroma]

Уровень подготовки просто тор! Поставил лайк, но не досмотрел, когда понял что видео очень длинное. Не могу представить сколько ты его делал)

[@Leo-fg2kc]

Хочется продолжения. Очень хорошая идея. Желаю удачи в проекте

[@mindkindtv8038]

ОООО Джо.... Тебя как автора я уважаю.... Все понятно и доступно. Как всегда

[@AlexXxkhb]

Тема интересная, продолжай!

[@somethingelse5842]

Ждем продолжение:)

[@fensizor]

Годный контент, спасибо

[@user-uv6qj3de6l]

Очень интересно! Продолжай!

[@user-pt6gy1uk7x]

интересно! жду продолжения

[@eugeniyvinnikov5480]

Очень интересно )

[@punkplusplus1152]

Дождался!

[@TheNergal15]

Интересно послушать про API на Go

[@user-rg8wz2rt9e]

Ещё уроки по react-native! c использованием redux. Написание игр и т.д. Сам использую expo! Ещё уроков React Native. Я не совсем новичёк, но что-то новое узнал!

[@serhiihudym3242]

Как фронтендер, очень прошу рассказать про бек и его архитектуру, построение, настройку и т.д.

[@user-rh5zc9eb7z]

Крут! А в каком приложении была описана документация по API?

[@johenews21]

Просто руками :)

[@user-qt4gz1dl6w]

Круто!!! Если бесит WebStorm, советую вместо просто JS, использовать TypeScript

[@user-il3xh5di2i]

а лучше vscode :)

[@kydva]

Привет, зашел сюда только из-за твоего последнего поста в телеграмме. Просто хотел сказать, что лично мне хотелось бы как раз больше подобного контента, и меньше "развлекательно-конфликтного, не заставляющего думать". Просто меня, как и возможно многих других подписчиков, ну совсем не интересует мобильная разработка) Может попробуй другие сферы, авось отклик будет получше?

[@aladin_l]

а для интернет магазина эта платформа подходит?

[@mark74885]

50:17 синий трактор едет к нам

[@leonidboyko980]

Больше по r-native

[@borisoffdenis]

Вопрос по DELETE (Funds/Costs.js#L97): зачем указывать id и в body и в url? Нельзя только в одном месте передать?

[@johenews21]

Можно

[@alexey5139]

Не знаю на сколько это актуально именно в react-native, сейчас говорю больше про веб клиент, ибо для меня это лучше знакомо, но почему бы эти самые JWT токены не хранить в Secure HTTP only cookies, которые не видны для FrontEnd JS? Это ж по умолчанию защита от вредоносного JS, который может взяться буквально откуда угодно: 1. Пользователь может незнанию установил вредоносное расширение 2. Пользователь поставил пиратскую *program name* в свою шиндовс, пиратский установщик добавил что-нибудь а-ля скрытого вредоносного расширение 3. Какой-то вредоносный пакет сидит во фронте, установившись зависимостью n-го уровня из npm (не зря периодически вредоносы из нпм удаляют пачками) Просто не безопаснее ли, если клиент не знает про авторизацию? А-ля отправляет клиент условное getMe: успешно - уже авторизован; Unauthorized - отправляет запрос авторизации и живёт.

[@MAiLYlax]

Давай про апи!

[@h_worker1826]

@Johe News, привет. Получилось хорошо, только вот можешь хотя бы чуть чуть объяснять, то что ты пишешь. Был бы благодарен если сделаешь ещё видео про ReactNative

[@h_worker1826]

Лайк и подписку оформил

[@johenews21]

Постараюсь :)

[@bogdanbida8587]

Скорее всего, если есть непонятные моменты которые нужно объяснять во время написания - то значит есть пробелы в джс и самом реакте, которые следует заполнить, т.к. возможно они даже не совсем относятся к реакт нейтиву. Иначе так можно долго разжевывать и терять как главный посыл так и важную "краткость" для таких видео

[@user-hz5no4mt5h]

Когда делаешь API лучше всего использовать Swagger ;)

[@aristarhbahirev2548]

Я frontend-разработчик и если я создаю работу для себя, то всё равно сначала макет делаю в Figma. Тут скорее дело привычки, т.к. многие для себя не делают

[@user-bj3ow4fe9m]

Хорош

[@topmorphy4737]

Спасибо за урок. Есть пара замечаний: останавливайся хоть на миг когда ускоряешь видео чтоб можно было успеть нажать на паузу чтоб прочитать что ты написал в коде и вот это была подстава с API, может конечно его делали в предыдущих уроках, но новоприбывших надо было хоть предупредить. А то пришлось выкручиваться и некрасивое приложение вышло

[@gustav7888]

там не возможно замедлить видео ?

[@caffeinejavacode1475]

Для меня mobile app это эргономичность и дизайн в первую очередь, а потом функционал. Все что касаеться фунционала отдаю на бэкенд через API

[@kolotunbabubay]

можно пожалуйста разбор серверной части golang?

[@johenews21]

Ага, она в планах и уже сценарий наполовину дописан. Но сейчас интерес больше к клавиатурам. Так что надо ждать :)

[@kolotunbabubay]

@@johenews21 ладно, подождем) я тоже недавно прикупил К3 клавиатуру. Могу сказать, что шикарная, но свитчи коричневые мне туговаты. Буду ждать banana split и закажу.

[@johenews21]

попробуй смазать, кстати, будут плавнее)

[@NoName-oh9fh]

А в чем проблема хранить то токен в asyncstorage и зачем его ещё как то на клиенте шифровать? Объясните я не понимаю. Даже если получат этот jwt, то только по логину и паролю, а если ещё как то украдут, что я очень сомневаюсь, то что они с этого токена получат? Секретный ключ все равно не узнают. Тем более jwt временный. Аргументируй почему это плохая идея. Даже если зашифруешь и скроешь, его же можно через сниффер отследить.

[@user-mm3sd3uh6y]

у меня не запускается симуляторы. error opening simulator. check metro logs for details.

[@johenews21]

Ну так сделай это

[@user-mm3sd3uh6y]

@@johenews21 где эти логи

[@johenews21]

погугли

[@interviewhelper551]

А почему бы сразу не использовать Firestore

[@johenews21]

Потому что она в облаке

[@eratv100]

Я из других видосов понял, что ты топишь за линукс, вроде даже был видос, что мак закрытая ОС, не пригодная к использованию - а тут, внезапно, мак :) PS. Сам перешел с линуксов на мак по разным причинам.

[@johenews21]

у меня всю жизнь были все три ОС

[@eratv100]

@@johenews21 Вот при условии, что я с виндовсом покончил, когда впервые установил только вышедшую тогда еще ubuntu 10.10, спустя 7 лет меня уже просто достало, что шрифты отстроить везде одинаково почти невозможно, плюс постоянная борьба интерфейса gtk/qt, а когда, спустя 7 лет, я захотел ноут с большой плотность пикселей и качественным дисплеем, выбор был между dell xps и mbp, и т.к. high dpi только набирал популярность, я решил «сдаться» и купить мак вместо водружения линукса на xps с плохо прогнозируемым исходом по части основного моего критерия. Не то, чтоб у меня яблоко головного мозга теперь, но я, без преувеличения, несколько лет даже не знал как размечен диск на моем маке, хотя знаю такие абревиатуры как mbr/gpt/biosboot/grub/etc :)

[@Darkaind]

Как говориться: "ничего не понятно, но очень интересно". Не, на самом деле все что вы делали понятно, я так то далек от программирования, начал учиться и некоторые вещи, так сказать, осознались. Но конкретно вот на примере "создания приложения для новичков", смотришь начало, первые пол часа можно повторить, все просто и доступно, весело интересно можно повторить. Но потом доходит до API, и как бы... вот чего мне без api дальше делать если нужно данные сохранять. Ладно, на примере "создания" приложения создание апи не входит. Но самый большой недочет в материале, я считаю, очень много времени уделяется логину. На примере управления финансами, зачем он вообще в принципе? Мы управляем финансами, локальное приложение в телефоне, но чуть больше получаса в видео настраивается логин. "Старт", как я считаю, должен был быть: Пришли деньги, ушли деньги, ввел данные, они сохранились-отобразились, вычлись. А это уже к концу, редкий посетитель осилит и то только приход И как бы получается, описываю свое восприятие, пол часа весело и интересно, потом: "апи, у меня нет апи, что делать?" и тут или смотришь дальше, или уже забиваешь на это дело. Ладно, смотришь дальше, но уже просто смотришь. И пол часа мучаем логин. И, как я написал, нафига. И вроде и хочется досмотреть, но смысла не видишь. Мало того, что апи нету, так еще "скучный и не нужный логин". Потом по приходу и конец... Собственно "финансового" приложения не получилось, а меня именно это и заинтересовало.

[@johenews21]

Ага, я уже понял, что для многих это сложно) но без логина тут никак

[@user-nd5ji4nq3x]

Классное видео, но повествование немного рваное. Было круче, если бы ты показывал уже готовый код, объясняя, какая часть за что отвечает. Успехов

[@qwertyqwerty-pp8fi]

Сбрось API, пожалуйста!

[@johenews21]

чего?)

[@lynx6511]

Почему не Flutter? Имхо приятнее, чем мешанина HTML и js

[@johenews21]

и на этот вопрос я отвечал в ролике)

[@lynx6511]

@@johenews21 можно таймкод, пожалуйста? Я только слышал, что на рн можно и веб, и мобайл пилить. Но это не ответ на вопрос, ведь флаттер тоже так умеет

[@biLLie_wiLLie]

удивляюсь людям, которые свободно несколько языков программирования знают и юзают. Мне js до сих пор полностью не понятен, а тут еще и go

[@Polite_person_]

Реакт скоро умрет, флаттер стремительно набирает обороты, если бы флаттер не опоздал на вечеринку на пару лет, то про react native уже давно бы все забыли

[@alexandr7514]

Зачем давать материал, потом говорить при этом, что так делать неправильно??? Почему не показать как делать правильно сразу???

[@user-il3xh5di2i]

Сомнительный выбор moment

[@user-jj5pv8ks3g]

Давай про API и его построение, было бы реально круто