Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Done] Translation of tools starter kits #165

Merged
merged 16 commits into from Aug 16, 2019
Merged
Changes from 15 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
59 changes: 29 additions & 30 deletions content/community/tools-starter-kits.md
@@ -1,39 +1,38 @@
---
id: starter-kits
title: Starter Kits
title: أدوات البداية
iRayan7 marked this conversation as resolved.
Show resolved Hide resolved
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.