diff --git a/content/community/tools-starter-kits.md b/content/community/tools-starter-kits.md index bfd3b89fc..cb28190e7 100644 --- a/content/community/tools-starter-kits.md +++ b/content/community/tools-starter-kits.md @@ -1,39 +1,38 @@ --- id: starter-kits -title: Starter Kits +title: حزم البداية layout: community permalink: community/starter-kits.html --- -## Recommended by the React Team {#recommended-by-the-react-team} +## فيما يلي الحزم التي يوصي بها فريق React: {#recommended-by-the-react-team} -* **[Create React App](https://github.com/facebook/create-react-app)** - An officially supported way to start a client-side React project with no configuration -* **[Next.js](https://nextjs.org/)** - Framework for server-rendered or statically-exported React apps -* **[Gatsby](https://www.gatsbyjs.org/)** - Static site generator for React optimized for speed -* **[nwb](https://github.com/insin/nwb)** - A toolkit for React apps, libraries and other npm modules for the web -* **[razzle](https://github.com/jaredpalmer/razzle)** - Create server-rendered universal JavaScript applications with no configuration -* **[Neutrino](https://neutrino.js.org/)** - Create and build modern JavaScript applications with zero initial configuration -* **[Parcel](https://parceljs.org)** - Fast, zero configuration web application bundler +* **[Create React App](https://github.com/facebook/create-react-app)** - طريقة معتمدة ومدعومة رسمياً لبدء مشروع React دون أي إعدادات مسبقة. +* **[Next.js](https://nextjs.org/)** - إطار عمل لتطبيقات React المقدمة عن طريق التصيّر من جهة الخادم (server-side-rendered) أو التصدير الثابت (statically-exported). +* **[Gatsby](https://www.gatsbyjs.org/)** - مولد للمواقع الثابتة لتطبيقات React المحسنة من أجل السرعة. +* **[nwb](https://github.com/insin/nwb)** - مجموعة أدوات لتطبيقات React، تحتوي على مكتبات ووحدات NPM للمواقع. +* **[razzle](https://github.com/jaredpalmer/razzle)** - أنشئ تطبيقات JavaScript مصيّرة من الخادم دون أي إعدادات مسبقة. +* **[Neutrino](https://neutrino.js.org/)** - قم بإنشاء وبناء تطبيقات JavaScript حديثة دون أي إعدادات أولية مسبقة. +* **[Parcel](https://parceljs.org)** - محزِّم (bundler) سريع لا يحتاج لإعدادات مسبقة. +## حزم بداية أخرى: {#other-starter-kits} -## Other Starter Kits {#other-starter-kits} - -* **[kyt](https://github.com/nytimes/kyt)** - The framework that the New York Times uses to develop and build their web properties. It's somewhat opinionated but configurable, and includes starter kits with options to build full-stack or static/client-side apps with the following tools: Express, React, static assets, latest ES, CSS/Sass Modules, Jest, code-splitting, ESLint/Prettier, StyleLint, PostCSS, and inline SVGs. -* **[React Redux Boilerplate](https://github.com/iroy2000/react-redux-boilerplate):** React Redux Boilerplate is a workflow boilerplate providing a virtual development environment and production ready build workflow out of the box. (React, Redux, Reselect, Redux Actions, ES6, ESLint, Webpack with integrated environment config support) +* **[kyt](https://github.com/nytimes/kyt)** - إطار العمل التي تستخدمه صحيفة نيويورك تايمز لتطوير وبناء مواقع الويب الخاصة بها. يعتبر إطار عمل محدد لكن قابل للتعديل، يتضمن حزم بداية مع خصائص لبناء تطبيقات متكاملة (full-stack) أو ثابتة\جهة العميل بالأدوات التالية: Express, React, static assets, latest ES, CSS/Sass Modules, Jest, code-splitting, ESLint/Prettier, StyleLint, PostCSS, and inline SVGs. +* **[React Redux Boilerplate](https://github.com/iroy2000/react-redux-boilerplate):** عبارة عن شفرة نموذجية (boilerplate) لسير العمل يقدم بيئة تطوير افتراضية وبيئة جاهزة للنشر من دون تدخل. يستخدم (React, Redux, Reselect, Redux Actions, ES6, ESLint, Webpack). * **[React + Redux + Saga Boilerplate](https://github.com/gilbarbara/react-redux-saga-boilerplate)** - -Ready to grow boilerplate with react-router, redux, saga, webpack 3, jest w/ coverage and enzyme. -* **[Create React App + Redux + React Router](https://github.com/notrab/create-react-app-redux)**: Based on Create React App, this boilerplate comes with Redux, Redux Thunk and React Router all configured ready to go. -* **[react-slingshot](https://github.com/coryhouse/react-slingshot):** React + Redux starter kit with Babel, hot reloading, testing, linting and a working example app. -* **[Este](https://github.com/este/este):** Dev stack and starter kit for functional and universal (browser, server, mobile) React applications. Everything you need to start is included. -* **[Rekit](https://github.com/supnate/rekit)** - Toolkit and boilerplates for building scalable web applications with React, Redux and React-router. -* **[webcube](https://github.com/dexteryy/Project-WebCube)** - A JS infrastructure for modern Universal JS web app/sites and static websites. Provides built-in support and simplification for Redux sub-app, reducer bundle, router, immutable, eslint + prettier, docker, monorepo and many other tools. - * **[starter-react-flux](https://github.com/SokichiFujita/starter-react-flux)** A generator for React and Flux project with Flux-Utils, Jest, Immutable.js, React Addons, Webpack, ESLint, Babel and ES2015. - * **[react-async-starter](https://github.com/didierfranc/react-async-starter):** React + Redux + Fetch + ES7 Async with Webpack, Babel and hot reloading. - * **[Kriasoft React Starter Kit](https://github.com/kriasoft/react-starter-kit):** Gulp, Webpack, BrowserSync + [React Starter Kit for Visual Studio](https://marketplace.visualstudio.com/items?itemName=KonstantinTarkus.ReactjsStarterKit) - * **[electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate)** A React + Flux Electron application boilerplate based on React, Flux, React Router, Webpack, React Hot Loader - * **[react-boilerplate](https://github.com/mxstbr/react-boilerplate)** Quick setup for performance orientated, offline-first React.js applications featuring Redux, hot-reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha. - * **[vortigern](https://github.com/barbar/vortigern)** A universal boilerplate for building web applications w/ TypeScript, React, Redux and more. - * **[CRA Universal CLI](https://github.com/antonybudianto/cra-universal)** CLI to initialize universal create-react-app without ejecting. Supports Server-side rendering with Code-splitting, and Node Stream rendering. - * **[EDGE Platform](https://github.com/sebastian-software/edge)** Universal React/SSR + Apollo GraphQL + JS/CSS Code Splitting + Fine-Tuned Webpack + Localization/Internationalization. Most things are external dependencies. Boilerplate available. - * **[bae](https://github.com/siddharthkp/bae)** Zero config toolkit. SSR (with data fetching) + routing + streaming + styling (with styled-components) + HMR out of the box. - * **[breko-hub](https://github.com/tomatau/breko-hub)** A production ready boilerplate for universal react applications. Complete with code splitting, server render (using koa), redux, sagas, debugging, hot-reloading (live updates on the server), css-modules, scss, super fast integration tests and unit tests. There's also a big focus on clean code and smaller files. - * **[appseed](https://github.com/rosoftdeveloper/appseed)** A production ready boilerplate for UI-Ready react applications. The frontend can be bundled with various backends: Flask, Laravel, Express. +شفرة نموذجية جاهزة للتطوير تستخدم react-router, redux, saga, webpack 3, مع تغطية لـjest و enzyme. +* **[Create React App + Redux + React Router](https://github.com/notrab/create-react-app-redux)**: هذه الأداة مبنية فوق Create React App تأتي مع شفرة نموذجية لـRedux و Redux Thunk و React Router جميعهم تم إعدادتهم وجاهزين للإستخدام. +* **[react-slingshot](https://github.com/coryhouse/react-slingshot):** حزمة بداية لـReact و Redux مع Babel، إعادة التحميل السريعة (hot-reloading)، إختبار، التنظيم، ومثال على تطبيق يعمل بدون أخطاء. +* **[Este](https://github.com/este/este):** مجموعة تطويرية و حزمة بداية لتطبيقات React فعالة وشاملة للمتصفحات، الخوادم والأجهزة المتنقلة. كل ماتحتاج إلية للبدء مدرج فيها. +* **[Rekit](https://github.com/supnate/rekit)** - حزمة بداية وشفرة نموذجية لبناء تطبيقات للويب قابلة للتطوير بإستخدام React و Redux مع react-router. +* **[webcube](https://github.com/dexteryy/Project-WebCube)** - بنية تحتية للـJavaScript لأجل تطبيقات ومواقع شاملة، توفر دعمًا وتبسيطًا مدمجين لـRedux sub-app و reducer bundle و router و eslint + prettier و docker و monorepo والعديد من الأدوات الأخرى. + * **[starter-react-flux](https://github.com/SokichiFujita/starter-react-flux)** مولد لمشاريع React و Flux بالإضافة إلى Flux-Utils, Jest, Immutable.js, React Addons, Webpack, ESLint, Babel و ES2015. + * **[react-async-starter](https://github.com/didierfranc/react-async-starter):** أداة تحتوي على React و Redux و Fetch و ES7 Async مع Webpack و Babel بالإضافة إلى إعادة التحميل السريعة (hot-reloading). + * **[Kriasoft React Starter Kit](https://github.com/kriasoft/react-starter-kit):** أداة تحتوي على Gulp و Webpack و BrowserSync و [حزمة بداية React لـVisual Studio](https://marketplace.visualstudio.com/items?itemName=KonstantinTarkus.ReactjsStarterKit). + * **[electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate)** شفرة نموذجية لتطبيقات React مع Flux Electron تحتوي على React و Flux و React Router و Webpack و إعادة التحميل السريعة (hot-reloading). + * **[react-boilerplate](https://github.com/mxstbr/react-boilerplate)** إعداد سريع لتطبيقات React تهتم بالأدء و العمل من دون الإتصال بالشبكة تتميز بـRedux و إعادة التحميل السريع و PostCSS و React-Router و ServiceWorker و AppCache و FontFaceObserver و Mocha. + * **[vortigern](https://github.com/barbar/vortigern)** شفرة نموذجية شاملة لبناء تطبيقات ويب مع TypeScript و React و Redux والمزيد. + * **[CRA Universal CLI](https://github.com/antonybudianto/cra-universal)** تعتبر واجهة سطر أوامر (CLI) لإنشاء وتهيئة تطبيقات create-react-app شاملة من دون الحاجة لإستخراجها، يدعم التصيّر من جهة الخادم مع خاصية Code-Splitting و تصيّر Node-Stream. + * **[EDGE Platform](https://github.com/sebastian-software/edge)** منصة شاملة تحتوي على React/SSR مع Apollo GraphQL ومع إمكانية تقسيم شفرات JS/CSS و Webpack بالإضافة إلى إمكانية التوطين والترجمة (Localization/Internationalization). معظم هذه الأدوات خارجية وتم تجميعها في المنصة. يوجد شفرة بدائية. + * **[bae](https://github.com/siddharthkp/bae)** حزمة بداية دون أي إعدادات مسبقة. تحتوي على خاصية التصيير من جهة الخادم (SSR) (مع إمكانية جلب البيانات) و Routing و Streaming و Styling (مع styled-components) و HMR (من دون أي تدخل). + * **[breko-hub](https://github.com/tomatau/breko-hub)** شفرة نموذجية جاهزة للنشر لتطبيقات React. تحتوي على خاصية تقسيم الشفرات (Code Splitting) والتصيّر عن طريق الخادم (server-render) بإستخدام koa أيضًا تحتوي على redux و sagas وإمكانية تنقيح الشيفرة البرمجية (debugging) وإعادة التحميل السريعة (تحديثات مباشرة في الخادم) و css-modules و scss و ربط سريع للإختبارات ووحدات الإختبار، أيضاً هناك تركيز كبير على كتابة شفرة نظيفة وملفات صغيرة. + * **[appseed](https://github.com/rosoftdeveloper/appseed)** شفرة نموذجية جاهزة للنشر لواجهات المستخدم الجاهزة (UI-Ready) في تطبيقات React. واجهة المستخدم تقبل التحزيم (bundle) عن طريق أكثر من إطار عمل: Flask, Laravel, Express.