tutorial stack javascript react redux webpack flow yarn eslint sinon immutable jest react-native bootstrap socket-io heroku jss pm2 nodemon server-side-rendering

JavaScript Stack from Scratch

Добре дошли в : JavaScript Stack from Scratch. Ръководство за използване на модерни технологии за работа с JavaScript. Това е превод на основното репозитори от английски, което можете да намерите тук.

🎉 Това е версия 2 на това ръководство, от релийза през 2016 година са направени не малки промени. Можете да проверите какво беше променено тук!

Това ръководство е съсредоточено главно върху използването на комплект от технологии необходими за разработка на съвременни JavaScript базирани приложения. Изискват се някои базови познания по програмиране и основни такива конкретно по JavaScript. Основният фокус е хвърлен върху "свързването" на инструментите (tools) за съвместна работа и даване на възможно най-простия пример за всеки един инструмент. Можете да гледате на това ръководство като на начин за написване на ваше собствено скеле или шаблон за такова приложение. Тъй като целта на това ръководство е "сглобяването" на различни инструменти за съвместна работа, няма да навлизам в подробности за работата на всеки един от тях. Ако искате да добиете по-задълбочени познания за някой от тях, можете да потърсите други ръководства или да прочетете документацията им.

Разбира се, няма нужда да използвате целия този набор от инструменти ако правите простичка уеб страница с няколко JS интеракции (комбинация от конфигурирани Browserify/Webpack + Babel + jQuery ще бъде достатъчна за писане на ES6 код в различни файлове), но ако искате да изградите голямо уеб приложение, което да може да бъде променяно и подобрявано сравнително лесно, и имате нужда от помощ при първоначалната настройка на нещата, то това ръководство ще ви бъде от ползва.

Голяма част от нещата описани в това ръководство използват React. Ако сте начинаещ и просто искате да научите React, create-react-app ще ви позволи да започнете много бързо с предварително направена конфигурация. Аз, например, бих препоръчал този подход на някой, който току що влиза в екип, който използва React и има нужда от бързо наваксване. В това ръководство няма да използваме предварително готови конфигуции, тъй като искам да разберете как се случва всичко из основи.

За всяка от главите има примери с код, които могат да бъдат стартирани с yarn && yarn start. Аз препоръчвам да пишете всичко от нулата, следвайки стъпка по стъпка интрукциите.

Финалната версия на кода може да бъде намерена тук и тук. Работеща версия може да бъде видяна тук. Работи на Linux, macOS и Windows.