Как написать приложение на нативном js?

Question

[claus_bor]

Привет, хочу разработать пет проект по типу google calendar, на нативном js. На фронтенде хочу попробовать все сделать исключительно на ваниле в функциональном стиле, на бэкенде буду использовать node.js (правда с express, у меня фокус на фронтенде). Можете подсказать материалы (туториалы, статьи, может даже книги) о том как с таким стеком правильно постоить приложение?
ДОПОЛНЕНИЕ
Народ, что с вами не так? Зачем споры по поводу реакт или нативка?? Читайте внимательно вопрос:

На фронтенде хочу попробовать все сделать исключительно на ваниле в функциональном стиле

Я сам пишу на vue.js на работе, и я просто захотел прокачаться в нативном js. Перестаньте холиварить, иначе модераторы закроют вопрос.

Comments

[iBird Rose]

а смысл? к примеру я напишу это на реакте за пару дней, а ты убьешь на это нескольно недель. НО на выходе мы получим такую же ванилу. потому что тот же babel к примеру конвертит все в обычный js.

[alvvi]

iBird Rose: возможно его бандл будет весить чуть меньше. Но опять же, для этого существует Preact.

[claus_bor]

iBird Rose: Илья Ростопка: Я же написал, это пет проект, для прокачки в ванильном js и функционаольном программировании, а так бы я тоже выбрал бы react или vue

[gleendo]

iBird Rose: А в случае если у вас отобрать ваш реакт, что делать будете?

[iBird Rose]

iamevg_: тут прикол в другом. даже если допустить, что к примеру я пришел в огранизацию и там пишут не на реакте, то в любом случае там будут писать на другой библиотеке/фреймворке. но никак не на ванильном js.

[iBird Rose]

claus_bor: тк я об этом и говорю - нет смысла прокачивать ванильный js, если не хотите тратить время впустую. так скажем если встанет выбор между вами (как знатоком ванильного js, но не знающим фреймворки) и другим человеком, который хорошо знает хотя бы 1 js фреймворк - выберут не вас.

[gleendo]

iBird Rose: Не буду спорить, вам виднее...

[iBird Rose]

iamevg_: раньше - не спорю. ванильный js был в почете. потому что это оптимизация. а сейчас оптимизация просто не нужна потому что технологии новее и мощнее.
если проект мелкий - все выберут jquery - потому что jq уже не будет тормозить как раньше.
если проект большой - опять же нет смысла его писать на ванильном js - ибо это лишняя трата времени.

[Артём Токаревских]

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

Объясните нубу за счёт чего будет выигрыш времени при написании приложения с нуля? Более лёгкая поддержка и переиспользование компонентов — это потом, а в начале откуда такой прирост производительности?

[alvvi]

Артём Токаревских: объясняю: вам придется с нуля сразу или постепенно придумать/воссоздать архитектуру подобную Preact/React-у, если вы хотите получить на выходе оптимизированное SPA. Если конкретнее, я думаю лучше это объяснит Джэйсон Миллер, автор Preact'a: https://www.youtube.com/watch?v=LY6y3HbDVmg
В целом, может показаться что выигрыш небольшой, но как только вы сами дойдете до нюансов написания того же diff-алгоритма, времени потратите значительно. В то же время, вполне полезный опыт, наверное.