Какую задачу нужно решить на чистом JS чтобы пересесть за фреймворк (VUE) или библиотеку (REACT)?

Question

[web-quest3]

Какую задачу нужно решить на чистом JS чтобы пересесть за фреймворк (VUE) или библиотеку (REACT)?
Может построить СПА на нативном?
Или где ? на чем? набраться достаточного опыта на нативном? (слайдеры и всяки екалькуляторы - UI уже могу и на чистом)

Answer 1

[Святослав]

Попробуй сделать сайт сложнее чем ToDo-List, например, журнал и планировщик финансов.
Где можешь по категориям записывать свои траты, планировать свои расходы на неделю и т.д.
Возьми ReactJs, почитай документацию, посмотри лекции на youtube, и просто уже начни делать!

Comments

[web-quest3]

Святослав, то есть зная как запилить слайдер и основы JS можно браться за фреймворк?

[web-quest3]

Святослав ++ насчет just do it

[Святослав]

web-quest3, да вот опять же, просто хватит задавать вопросы, иди прямо сейчас, бери Reactjs и начинай делать)
В процессе будешь изучать то, на что знаний не хватает. Вот и всё)

[web-quest3]

Святослав, Святослав )) да я не уверен что знаний хватит)) то есть ЭКМА 2015-2017я не шарю) хотя ты прав может пооду и разбираться так...

[Святослав]

web-quest3, так и надо делать, 80% практики, 20% теории)
Смотришь какое-то решение, потом разбираешься, почему так сделано

[web-quest3]

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

[Олег Гамега]

web-quest3, уж пардоньте месье за мой французкий, но вопрос не нов и терпение на исходе ...
просто берешь и ебашишь.
ВСЕ.
другие рекомендации ни к чему не приводят
ты сразу на проде систему управления ядерным реактором пишешь ? одна ошибка, - пока человеки
ничего не делать - не ошибаться
профит однако, в коде не будет багов если нет кода
не знаешь es6 - проблема загуглить что значит то или иная конструкция?
написал криво и это мешает переписал
написал криво и ошибка не гуглится - задал вопрос
нет других способов чему научится, только практика - 10 умных книг не заменят одного реального проекта (это не отменяет необходимость теории, но без практики она ничто )

[Святослав]

web-quest3, ну смотри как можешь сделать, зайди на ютуб, забей что-то типа
reactjs todo list tutor
Смотришь как делает, потом делаешь так же, потом пытаешься понять, почему сделано так.
Что-то не понимаешь, идешь смотреть документацию.
И опять смотришь на примерах.
Заходишь на гитхаб https://github.com/jeromedalbert/real-world-react-apps, окрываешь любое приложение и смотришь структуру, как "отправляются данные с формы" и т.д., просто именно начни делать.
А по "хау ту мэйк форм", напиши "хау ту мэйк форм реактжс", добавляй в запрос язык\фреймворк на котором пишешь)

[web-quest3]

почему сделано так - потому что фреймворк так решил)) я врядли пойму почему именно так сделанно в фреймворке..а если ты о том что разобрать как работает каждая строка то да...или прям лезть в фреймворк надо?

[web-quest3]

Святослав вы забыл упомянуть тебюя написал вопросик еще, большое спасибо за ответы надеюсь этот вопрос будтет последним и я пойду делать

[web-quest3]

Олег Гамега, спасибо! пнули куда надо

[Святослав]

web-quest3, нет, лезть в фреймворк не обязательно, тот же реакт, он досточно простой для понимания примерной работы. И в его коде обычно нет ничего заоблочно сложного, обработчики событий, и так далее, а то, как он работает и почему так описано в его документации, так же можешь посмотреть курс от itvdn, там тоже хорошо рассказывают про реакт.

[web-quest3]

Святослав, бабенка чешет) ничего да) и код красивый она пишет

[web-quest3]

Святослав, в чем перед вью его преймущество?

[Святослав]

web-quest3, вот такие вопросы не надо уже спрашивать, а код писать надо. Открой hh.ru и там узнай, в чем преимущество)

Answer 2

[Иван]

На всякий случай,вот хороший тутор по реакту,свежий
https://metanit.com/web/react/1.1.php

Comments

[web-quest3]

Иван спаисбо боьшое!

[Иван]

web-quest3, сам только нашел недавно))самое главное реакт последний вышел только 16 версия и он там описывается)

Answer 3

[Shane Matte]

Дефолтный todo на reactjs

Answer 4

[andrey_o_v]

https://www.youtube.com/watch?v=9y_gbVt9oio
Вот видео, где рассматривается пример сколько кода писать на нативном JS(jQuery) и сколько кода писать на vue.