ברוכים הבאים למדריך המודרני שלי לבניית סטאק ג'אווה סקריפט: סטאק ג'אווה סקריפט מאפס
🎉 זו גרסה 2 של המדריך, קיימים שינויים משמעותיים מאז גרסת 2016 שינויים
זה מדריך ישר ולעניין להרכבת סטאק ג'אווה סקריפט. המדריך דורש ידע כללי בתכנות, וידע בסיסי בג'אווה סקריפט. המדריך מתמקד בחיבור של כלים ביחד ביחד עם הדוגמה הפשוטה ביותר לכל כלי. אפשר לחשוב על המדריך הזה כדרך לכתיבת בוילרפלייט משלכם מאפס. מכיוון שמטרתה של המדריך הוא הרכבה של כמה וכמה כלים שונים, אני לא יכנס לפרטי פרטים לגבי איך שכל כלי עובד בפני עצמו. נע לגשת לדוקומנטציה ש כל כלי או להסתכת על מדריכים אחרים בשביל לקבל ידע נרחב יותר עליהם.
כמובן שאינכם צריכים להשתמש בכל הסטאק הזה בשביל לבנות אתר ווב פשוט עם קצת ג'אווה סקריפט (שילוב של ברווסרייי או וובפאק + בבל + גייקויירי זה פספיק בשביל לכתוב ES6 בקבצים שונים) אבל אם אתם רוצים לבנות אפליקציית ווב סקיילבילית, וצריכים קצת עזרה בהרכבתה, אז המדריך הזה יעשה את העבודה מעולה בשבילכם.
חלק גדול של הסטאק המדובר במדריך אינו בריאקט.
A big chunk of the stack described in this tutorial uses React. If you are beginning and just want to learn React, create-react-app will get you up and running with a React environment very quickly with a pre-made configuration. I would for instance recommend this approach to someone who arrives in a team that's using React and needs to catch up with a learning playground. In this tutorial you won't use a pre-made configuration, because I want you to understand everything that's happening under the hood.
Code examples are available for each chapter, and you can run them all with yarn && yarn start
. I recommend writing everything from scratch yourself by following the step-by-step instructions though.
Final code available in the JS-Stack-Boilerplate repository, and in the releases.
Works on Linux, macOS, and Windows.
02 - Babel, ES6, ESLint, Flow, Jest, Husky
06 - React Router, Server-Side Rendering, Helmet
09 - Travis, Coveralls, Heroku
Setting up your editor (Atom first), MongoDB, Progressive Web App.
If you want to add your translation, please read the translation recommendations to get started!
Your link here soon ;)
Check out the ongoing translations.
- 中文 by @pd4d10
- Italiano by Fabrizio Bertone
- 日本語 by @takahashim
- Русский by React Theming
- ไทย by MicroBenz
Created by @verekia – verekia.com.
License: MIT