Modern Javascript yazısına hoşgeldiniz! Orjinal yazıyı buradan görebilirsiniz: [https://github.com/verekia/js-stack-from-scratch](JavaScript Stack from Scratch)
Bu minimalistik bir Javascript çatısı kurma yazısıdır. Bu yazı genel programlama ve JavaScript temelleri bilgisi gerektirir. Bu yazı araçları birbirine bağlamaya ve her araç için bir örnek vermeye odaklanmıştır. Bu yazıyı sıfırdan kendi boilerplate'inizi yazmak olarak düşünebilirsiniz.
Eğer biraz etkileşimli basit bir websitesi yapıyorsanız tabii ki bu çatıya ihtiyacınız yok (Babel + jQuery kombinaysonu sizin için yeterli!), fakat ölçeklenebilir bir web uygulaması yapacaksanız bu yazı sizin için mükemmel olacaktır.
Bu yazının amacı çeşitli araçları birleştirmektir, bu araçların detaylarına inip nasıl çalıştığı hakkında bilgi vermeyeceğim. Derin bilgiye ulaşmak için o araçların dökümantasyonlarına veya başka yazılara göz atabilirsiniz.
Bu yazının büyük bir bölümünde React kullanılmıştır, Eğer başlangıçtaysanız ve sadece React öğrenmek istiyorsanız create-react-app repo'su önceden hazırlanmış yapılandırmayla React ortamını hızlı kurmanıza sağlayacaktır. Bu yazıda daha önce yapılandırılmış bir ayara ihtiyacınız yok, çünkü ben sizin bütün bu yapının altında neler olduğunu anlamanızı istiyorum.
Kod örnekleri bütün bölümlerde var ve yarn && yarn start veya npm install && npm start komutlarıyla çalıştırabilirsin. Ben size sıfırdan adım adım talimatları izleyerek ilerlemenizi öneriyorum.
Bütün bölümler bir önceki bölümün kodarını içeriyor, yani eğer bir boilerplate istiyorsanız sadece son bölümü kopyalayıp devam edebilirsiniz.
Note: The order of chapters is not necessarily the most educational. For instance, testing / type checking could have been done before introducing React. It is quite difficult to move chapters around or edit past ones, since I need to apply those changes to every following chapter. If things settle down, I might reorganize the whole thing in a better way.
Bu yazının kodları Linux, macOs ve Windows ortamında çalışır.
1 - Node, NPM, Yarn, ve package.json
3 - Babel ve Gulp ile ES6 sözdizimini kullanmak
4 - ES6 sözdizimini bir class ile kullanmak
7 - Webpack ile Client uygulaması
10 - Immutable JS ve Redux iyileştirmeleri
11 - Mocha, Chai, ve Sinon ile test yapma
12 - Flow ile Tip Denetleme (Type Checking)
Üretim/Geliştirme ortamları, Express, React Router, Server-side Rendering, Styling, Enzyme, Git Hooks.
Eğer kendi çevirinizi eklemek istiyorsanız, başlamak için lütfen çeviri önerileri bölümünü okuyun!
@verekia tarafından oluşturuldu – verekia.com.
Lisans: MIT