diff --git a/content/community/complementary-tools.it-IT.md b/content/community/complementary-tools.it-IT.md deleted file mode 100644 index def23d84..00000000 --- a/content/community/complementary-tools.it-IT.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -permalink: docs/complementary-tools-it-IT.html -layout: redirect -dest_url: https://github.com/facebook/react/wiki/Complementary-Tools ---- diff --git a/content/community/complementary-tools.ko-KR.md b/content/community/complementary-tools.ko-KR.md deleted file mode 100644 index b41ef3fe..00000000 --- a/content/community/complementary-tools.ko-KR.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -permalink: docs/complementary-tools-ko-KR.html -layout: redirect -dest_url: https://github.com/facebook/react/wiki/Complementary-Tools ---- diff --git a/content/community/complementary-tools.zh-CN.md b/content/community/complementary-tools.zh-CN.md deleted file mode 100644 index e27a8bc5..00000000 --- a/content/community/complementary-tools.zh-CN.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -permalink: docs/complementary-tools-zh-CN.html -layout: redirect -dest_url: https://github.com/facebook/react/wiki/Complementary-Tools ---- diff --git a/content/community/conferences.it-IT.md b/content/community/conferences.it-IT.md deleted file mode 100644 index f45c9e3d..00000000 --- a/content/community/conferences.it-IT.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -id: conferences-it-IT -title: Conferenze -permalink: docs/conferences-it-IT.html -prev: thinking-in-react-it-IT.html -next: videos-it-IT.html ---- - -### React.js Conf 2015 {#reactjs-conf-2015} -28 e 29 Gennaio - -[Sito web](http://conf.reactjs.com/) - [Agenda](http://conf.reactjs.com/schedule.html) - [Video](https://www.youtube-nocookie.com/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr) - - - -### ReactEurope 2015 {#reacteurope-2015} -2 e 3 Luglio - -[Sito web](http://www.react-europe.org/) - [Agenda](http://www.react-europe.org/#schedule) diff --git a/content/community/conferences.ko-KR.md b/content/community/conferences.ko-KR.md deleted file mode 100644 index e1c13171..00000000 --- a/content/community/conferences.ko-KR.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -id: conferences-ko-KR -title: 컨퍼런스들 -permalink: docs/conferences-ko-KR.html -prev: thinking-in-react-ko-KR.html -next: videos-ko-KR.html ---- - -### React.js Conf 2015 {#reactjs-conf-2015} -1월 28일 & 29일 - -[웹사이트](http://conf.reactjs.com/) - [스케줄](http://conf.reactjs.com/schedule.html) - [비디오들](https://www.youtube-nocookie.com/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr) - - - -### ReactEurope 2015 {#reacteurope-2015} -7월 2일 & 3일 - -[웹사이트](http://www.react-europe.org/) - [스케줄](http://www.react-europe.org/#schedule) diff --git a/content/community/conferences.zh-CN.md b/content/community/conferences.zh-CN.md deleted file mode 100644 index e2569413..00000000 --- a/content/community/conferences.zh-CN.md +++ /dev/null @@ -1,29 +0,0 @@ ---- -id: conferences-zh-CN -title: 会议 -permalink: docs/conferences-zh-CN.html -prev: thinking-in-react-zh-CN.html -next: videos-zh-CN.html ---- - -### React.js Conf 2015 {#reactjs-conf-2015} -一月 28 & 29 - -[Website](http://conf.reactjs.com/) - [Schedule](http://conf.reactjs.com/schedule.html) - [Videos](https://www.youtube-nocookie.com/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr) - - - -### ReactEurope 2015 {#reacteurope-2015} -七月 2 & 3 - -[Website](http://www.react-europe.org/) - [Schedule](http://www.react-europe.org/#schedule) - -### Reactive 2015 {#reactive-2015} -十一月 2-4 - -[Website](https://reactive2015.com/) - [Schedule](https://reactive2015.com/schedule_speakers.html#schedule) - -### ReactEurope 2016 {#reacteurope-2016} -六月 2 & 3 - -[Website](http://www.react-europe.org/) - [Schedule](http://www.react-europe.org/#schedule) diff --git a/content/community/examples.it-IT.md b/content/community/examples.it-IT.md deleted file mode 100644 index 59242960..00000000 --- a/content/community/examples.it-IT.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -permalink: docs/examples-it-IT.html -layout: redirect -dest_url: https://github.com/facebook/react/wiki/Examples ---- diff --git a/content/community/examples.ko-KR.md b/content/community/examples.ko-KR.md deleted file mode 100644 index 70932835..00000000 --- a/content/community/examples.ko-KR.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -permalink: docs/examples-ko-KR.html -layout: redirect -dest_url: https://github.com/facebook/react/wiki/Examples ---- diff --git a/content/community/examples.zh-CN.md b/content/community/examples.zh-CN.md deleted file mode 100644 index ac16cf1b..00000000 --- a/content/community/examples.zh-CN.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -permalink: docs/examples-zh-CN.html -layout: redirect -dest_url: https://github.com/facebook/react/wiki/Examples ---- diff --git a/content/community/nav.yml b/content/community/nav.yml index 48350d85..65679e84 100644 --- a/content/community/nav.yml +++ b/content/community/nav.yml @@ -18,23 +18,3 @@ title: Videos - id: external-resources title: External Resources -- title: Tools - items: - - id: debugging-tools - title: Debugging - - id: component-workbenches - title: Component Workbenches - - id: jsx-integrations - title: JSX Integrations - - id: starter-kits - title: Starter Kits - - id: routing - title: Routing - - id: model-management - title: Model Management - - id: data-fetching - title: Data Fetching - - id: ui-components - title: UI Components - - id: misc - title: Miscellaneous diff --git a/content/community/tools-comp-workbenches.md b/content/community/tools-comp-workbenches.md deleted file mode 100644 index f8e4c95e..00000000 --- a/content/community/tools-comp-workbenches.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -id: component-workbenches -title: Component Workbenches -layout: community -permalink: community/component-workbenches.html ---- - -* **[Storybook for React](https://github.com/storybooks/storybook):** UI component development environment for React. -* **[React Styleguidist](https://github.com/styleguidist/react-styleguidist):** Style guide generator & component workbench for React. -* **[React Showroom](https://github.com/OpusCapita/react-showroom-client):** React based components catalog which provides you with markdown documentation and live examples -* **[patternplate](https://github.com/sinnerschrader/patternplate)**: A platform for pattern and component library development using React. -* **[UiZoo.js](https://github.com/myheritage/UiZoo.js)**: Auto-generated component development environment by the JSDoc of React components. -* **[Neutrino React components preset](https://neutrino.js.org/packages/react-components/)**: Create generic React components and preview them without the need to embed in an application. Plays nicely with other Neutrino middleware, so you can build, test, and publish multiple React components from a single repository. -* **[React Cosmos](https://github.com/react-cosmos/react-cosmos)**: Dev tool for creating reusable React components. It scans your project for components and enables you to: render components in different states, mock dependencies (API, localStorage, etc.), see app state evolve in real time. -* **[Bit](https://github.com/teambit/bit)**: Isolate and share components from existing projects to make them available to install in other projects while tracking changes across projects. It helps save the overhead of keeping components in separate repositories. diff --git a/content/community/tools-data-fetching.md b/content/community/tools-data-fetching.md deleted file mode 100644 index 39b3d8f4..00000000 --- a/content/community/tools-data-fetching.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -id: data-fetching -title: Data Fetching -layout: community -permalink: community/data-fetching.html ---- - -* **[Apollo](https://www.apollographql.com/docs/react/):** Easy to set up and use GraphQL client. -* **[Axios](https://github.com/mzabriskie/axios):** Promise based HTTP client for the browser and node.js. -* **[Relay Modern](https://facebook.github.io/relay/docs/en/new-in-relay-modern.html)** - A JavaScript framework for building data-driven React applications. -* **[Request](https://github.com/request/request):** Simplified HTTP request client. -* **[Superagent](https://visionmedia.github.io/superagent/):** A lightweight "isomorphic" library for AJAX requests. diff --git a/content/community/tools-debugging.md b/content/community/tools-debugging.md deleted file mode 100644 index c2bf257e..00000000 --- a/content/community/tools-debugging.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -id: debugging-tools -title: Debugging -layout: community -permalink: community/debugging-tools.html ---- - - * **[React Developer Tools](https://github.com/facebook/react-devtools):** an extension available for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi), [Firefox](https://addons.mozilla.org/firefox/addon/react-devtools/), and as a [standalone app](https://github.com/facebook/react/tree/master/packages/react-devtools) that allows you to inspect the React component hierarchy in the Chrome Developer Tools. diff --git a/content/community/tools-jsx.md b/content/community/tools-jsx.md deleted file mode 100644 index 7c2bfc47..00000000 --- a/content/community/tools-jsx.md +++ /dev/null @@ -1,53 +0,0 @@ ---- -id: jsx-integrations -title: JSX Integrations -layout: community -permalink: community/jsx-integrations.html ---- - -## Editor Integrations {#editor-integrations} -* **[Sublime Text: babel-sublime](https://github.com/babel/babel-sublime):** Snippets, syntax highlighting and optimized color schemes for Sublime Text -* **[Atom: language-babel](https://atom.io/packages/language-babel)** Support for es2016, JSX and Flow. -* **[Visual Studio Code](https://code.visualstudio.com/updates/vFebruary#_languages-javascript)** Visual Studio Code supports JSX directly. -* **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/):** Syntax highlighting, code completion, error detection for JSX -* **[JetBrains IDE Live Templates](https://github.com/Minwe/jetbrains-react):** React live templates for JetBrains editors (e.g. WebStorm, PHPStorm, etc.) -* **[javascript-jsx.tmbundle](https://github.com/jjeising/javascript-jsx.tmbundle)** Syntax for TextMate -* **[web-mode.el](http://web-mode.org):** An autonomous emacs major mode that indents and highlights JSX. No support for Automatic Semicolon Insertion. -* **[vim-jsx](https://github.com/mxw/vim-jsx):** Syntax highlighting and indenting for JSX - -## Build Tools {#build-tools} - -* **[Create React App](https://github.com/facebookincubator/create-react-app):** An **officially supported** way to create React apps with no configuration. -* **[nwb](https://github.com/insin/nwb)**: A toolkit for React, Preact & Inferno apps, React libraries and other npm modules for the web, with no configuration (until you need it) -* **[Neutrino](https://neutrino.js.org/)**: Create and build modern JavaScript applications with zero initial configuration. Neutrino combines the power of webpack with the simplicity of presets. -* **[ESLint](https://eslint.org/):** A pluggable JavaScript linter that natively supports JSX syntax. Be sure to download [eslint-plugin-react](https://npmjs.com/package/eslint-plugin-react) for React-specific rules. -* **[Structor](https://www.npmjs.com/package/structor):** This tool is a user interface builder for node.js Web applications with React UI. Structor replaces the now deprecated React UI Builder. Watch [Structor Video Tutorials](https://youtu.be/z96xYa51EWI?list=PLAcaUOtEwjoR_U6eE2HQEXwkefeVESix1) -* **[react-jsx](https://github.com/bigpipe/react-jsx):** Compile and use JSX as stand-alone templates that can run server-side and client side! -* **[cjsx-codemod](https://github.com/jsdf/cjsx-codemod):** Write JSX code within Coffeescript! -* **[ReactScript](https://github.com/1j01/react-script):** Write React code within Coffeescript without JSX! -* **[jsxhint](https://npmjs.org/package/jsxhint):** [JSHint](http://jshint.com/) (linting) support. (JSX compilation doesn't affect line numbers so lint can also be run directly on the compiled JS.) -* **[reactify](https://npmjs.org/package/reactify):** [Browserify](http://browserify.org/) transform. -* **[Babel](https://babeljs.io/):** Standalone & [Browserify](http://browserify.org/) transform (formerly known as **6to5**). -* **[node-jsx](https://npmjs.org/package/node-jsx):** Native [Node](https://nodejs.org/) support. -* **[react-hot-loader](https://gaearon.github.io/react-hot-loader/):** Loader for [webpack](https://webpack.github.io/) that lets you edit JSX and have changes appear immediately in the browser without reloading the page. -* **[jsx-loader](https://npmjs.org/package/jsx-loader):** Loader for [webpack](https://webpack.github.io/). -* **[express-jsxtransform](https://www.npmjs.org/package/express-jsxtransform):** Middleware for [Express](https://www.npmjs.org/package/express). -* **[gradle-react-plugin](https://github.com/ehirsch/gradle-react-plugin):** Transform jsx sources during a gradle build. -* **[grunt-react](https://npmjs.org/package/grunt-react):** [GruntJS](https://gruntjs.com/) task. -* **[gulp-react](https://npmjs.org/package/gulp-react):** [GulpJS](https://gulpjs.com/) plugin. -* **[brunch-react](https://www.npmjs.org/package/react-brunch):** [Brunch](https://brunch.io/) plugin. -* **[jsx-requirejs-plugin](https://github.com/philix/jsx-requirejs-plugin):** [RequireJS](https://requirejs.org/) plugin. -* **[react-meteor](https://github.com/benjamn/react-meteor):** [Meteor](https://www.meteor.com/) plugin. -* **[pyReact](https://github.com/facebook/react-python):** [Python](https://www.python.org/) bridge to JSX. -* **[react-rails](https://github.com/facebook/react-rails):** Ruby gem for using JSX with [Ruby on Rails](https://rubyonrails.org/). -* **[react-laravel](https://github.com/talyssonoc/react-laravel):** PHP package for using ReactJS with [Laravel](https://laravel.com/). -* **[ReactJS.NET](https://reactjs.net/):** .NET library for React and JSX. -* **[sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs)** SBT/Play/Scala JSX compiler plugin -* **[mimosa-react](https://github.com/dbashford/mimosa-react):** [Mimosa](http://mimosa.io) plugin. -* **[react-grails-asset-pipeline](https://github.com/peh/react-grails-asset-pipeline):** Assets for react and precompilation of jsx files in [Grails](https://grails.org/). -* **[gore-gulp](https://github.com/goreutils/gore-gulp):** Wrapper around [webpack](https://webpack.github.io/), [eslint](https://eslint.org/), [mocha](https://mochajs.org/) for ease of use and zero configuration. -* **[webpack](https://github.com/webpack/webpack):** Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jade, coffee, css, less, ... and your custom stuff. -* **[webpack-bbq](https://github.com/wenbing/webpack-bbq):** transform your src to lib, supports server rendering and static rendering. -* **[jsxtransformer](https://github.com/cronn-de/jsxtransformer):** Compile pipeline for jsx files in Java -* **[babylon-jsx](https://github.com/marionebl/babylon-jsx)**: Transform JSX to ES2015 with babylon sans babel -* **[CRA Universal CLI](https://github.com/antonybudianto/cra-universal)** - A simple CLI to create and build Express server for your create-react-app projects, featuring Server-side rendering and Code-splitting. diff --git a/content/community/tools-misc.md b/content/community/tools-misc.md deleted file mode 100644 index 9d0dacc9..00000000 --- a/content/community/tools-misc.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -id: misc -title: Miscellaneous -layout: community -permalink: community/misc.html ---- - -* **[react-localize-redux](https://github.com/ryandrewjohnson/react-localize-redux)** - Localization library for React/Redux. - -* **[react-inspector](https://github.com/xyc/react-inspector):** Use DevTools-like object inspectors inside your React app. -* **[jreact](https://github.com/KnisterPeter/jreact):** Rendering react server-side within a JVM (Java 7 or Java 8) -* **[react-jss](https://github.com/cssinjs/jss/tree/master/packages/react-jss):** Inject and mount jss styles in React components. -* **[django-react](https://github.com/markfinger/django-react):** Server-side rendering of React components for django apps. -* **[react-engine](https://github.com/paypal/react-engine):** Composite render engine for isomorphic express apps to render both plain react views and react-router views. -* **[react-render-visualizer](https://github.com/redsunsoft/react-render-visualizer):** A visual way to see what is (re)rendering and why. -* **[javascript-monads](https://github.com/dschalk/javascript-monads):** As this project matures, the monads are becoming more than mere toys. React is used in unorthodox ways, so if you want to use React the way they do at Facebook, this is not for you. Transpiled code for the three monad classes can be downloaded by entering "npm install reactive-monads". -* **[ReactCSS](http://reactcss.com/):** Inline Styles in JS with support for React. -* **[ReactQuestionnaire](https://github.com/kouryuu/react-questionnaire):** Simple react components for building a questionnaire or survey. -* **[renderjs.io](https://renderjs.io/):** SEO for Reactjs. Service for making reactjs application crawlable and shareable. diff --git a/content/community/tools-model-mgmt.md b/content/community/tools-model-mgmt.md deleted file mode 100644 index 20c49c9d..00000000 --- a/content/community/tools-model-mgmt.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -id: model-management -title: Model Management -layout: community -permalink: community/model-management.html ---- - -* **[Alt](https://alt.js.org/):** Pure vanilla flux made isomorphic and without the boilerplate. -* **[astarisx](https://zuudo.github.io/astarisx/):** Highly Composable MVVM Framework for React with built-in pushState router. -* **[avers](https://github.com/wereHamster/avers):** A modern client-side model abstraction library. -* **[backbone-react-component](https://github.com/magalhas/backbone-react-component):** Use multiple Backbone models and collections with React components both on the client and server sides. -* **[Baobab](https://github.com/Yomguithereal/baobab):** Persistent data tree supporting cursors. -* **[cortex](https://github.com/mquan/cortex/):** A JavaScript library for centrally managing data with React. -* **[DeLorean](https://github.com/deloreanjs/delorean):** A completely agnostic JavaScript framework to apply Flux concepts into your interfaces easily. -* **[Elsa](https://github.com/JonAbrams/elsa):** A Babel plugin that makes your arrays and objects immutable by default… and gives them super powers! -* **[Immutable](https://github.com/facebook/immutable-js):** Immutable data structures designed to be more JavaScript-y than Mori. -* **[js-data](https://www.js-data.io/):** A framework-agnostic frontend datastore, that will also fetch your data. -* **[McFly](https://github.com/kenwheeler/mcfly):** A lightweight Flux library that adds factories for Stores & Actions. -* **[NuclearJS](https://github.com/optimizely/nuclear-js):** Immutable, reactive Flux architecture. UI Agnostic. -* **[Reflux](https://github.com/spoike/refluxjs):** An event-based implementation of the Flux architecture that integrates with React components. diff --git a/content/community/tools-routing.md b/content/community/tools-routing.md deleted file mode 100644 index e8f37c7d..00000000 --- a/content/community/tools-routing.md +++ /dev/null @@ -1,18 +0,0 @@ ---- -id: routing -title: Routing -layout: community -permalink: community/routing.html ---- - -* **[Aviator](https://github.com/swipely/aviator)** - Aviator is a front-end router built for modular single page applications. ([Example](https://gist.github.com/hojberg/9549330)). -* **[Backbone](https://backbonejs.org/)** - Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. -* **[component-router](https://github.com/in-flux/component-router):** Flux-based routing solution for components -* **[Director](https://github.com/flatiron/director)** - A tiny and isomorphic URL router for JavaScript. -* **[Finch](http://stoodder.github.io/finchjs/)** - A simple, yet powerful, javascript route handling library. -* **[mvc-router](https://github.com/rajeev-k/mvc-router)** Use the Model-View-Controller (MVC) pattern to build React applications. -* **[Reach Router](https://reach.tech/router)** An Accessible Router for React -* **[react-mini-router](https://github.com/larrymyers/react-mini-router)** A minimal URL router mixin. -* **[react-passage](https://github.com/dollarshaveclub/react-passage):** Passage helps when linking or redirecting to routes that may or may not be in your react app. -* **[react-router](https://github.com/rackt/react-router)** - A popular declarative router for React -* **[react-router-component](https://github.com/andreypopp/react-router-component)** Declarative routing. diff --git a/content/community/tools-starter-kits.md b/content/community/tools-starter-kits.md deleted file mode 100644 index 47d64b84..00000000 --- a/content/community/tools-starter-kits.md +++ /dev/null @@ -1,41 +0,0 @@ ---- -id: starter-kits -title: Starter Kits -layout: community -permalink: community/starter-kits.html ---- - -## Recommended by the React Team {#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 - -## 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) -* **[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. - * **[Crisp React](https://github.com/winwiz1/crisp-react)** A boilerplate for React + Express integration in TypeScript. Written for performance and debugging convenience. Supports multiple SPAs. Production ready. - diff --git a/content/community/tools-ui-components.md b/content/community/tools-ui-components.md deleted file mode 100644 index 23644f8b..00000000 --- a/content/community/tools-ui-components.md +++ /dev/null @@ -1,86 +0,0 @@ ---- -id: ui-components -title: UI Components -layout: community -permalink: community/ui-components.html ---- - -## Free Components {#free-components} -* **[Amaze UI React](https://github.com/amazeui/amazeui-react) (in Chinese):** [Amaze UI](https://github.com/allmobilize/amazeui) components built with React. -* **[Ant Design of React](https://github.com/ant-design/ant-design)** An enterprise-class UI design language and React-based implementation. -* **[Base Web](http://baseweb.design):** A foundation for initiating, evolving, and unifying web products. -* **[Belle](https://github.com/nikgraf/belle/):** Configurable React Components with great UX. -* **[Chakra UI](https://chakra-ui.com/)**: Simple, modular and accessible component library. -* **[chartify](https://github.com/kirillstepkin/chartify)**: Ultra lightweight and customizable React.js chart component. -* **[Elemental UI](http://elemental-ui.com):** A UI toolkit for React websites and apps, themeable and composed of individually packaged components -* **[Grommet](https://grommet.io/)** The most advanced open source UX framework for enterprise applications. -* **[Halogen](https://yuanyan.github.io/halogen/):** A collection of highly customizable loading spinner animations with React. -* **[Khan Academy's component library](https://khan.github.io/react-components/)** -* **[markdown-to-jsx](https://www.npmjs.com/package/markdown-to-jsx)**: compiles markdown into safe React JSX without using dangerous escape hatches. -* **[Material-UI](https://material-ui.com/):** React components that implement Google's Material Design. -* **[Mobiscroll Lite for React](https://mobiscroll.com/forms/react):** A collection of 15 free UI components ranging from inputs, selects, sliders, alerts to rating. -* **[Onsen UI React Components](https://onsen.io/v2/react.html):** UI components for hybrid mobile apps with both Material Design for Android and flat design for iOS. -* **[PrimeReact](https://www.primefaces.org/primereact/):** A rich UI component suite for React featuring 70+ open source components. -* **[React Amazing Grid](https://github.com/Amazing-Space-Invader/react-amazing-grid)** Flex grid with inline styles. -* **[Material Components for React](https://github.com/material-components/material-components-web-react)** MDC React is the official implementation of Google's Material Design Components. -* **[React Native for Web](https://github.com/necolas/react-native-web)** Makes it possible to run React Native components and APIs on the web using React DOM. -* **[react-amiga-guru-meditation](https://github.com/gfazioli/react-amiga-guru-meditation):** React JS Class to display a Amiga Guru Meditation Tribute -* **[react-autosuggest](https://github.com/moroshko/react-autosuggest)** WAI-ARIA compliant React autosuggest component -* **[react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd):** Beautiful, accessible drag and drop for lists with React.js -* **[react-bootstrap](https://github.com/stevoland/react-bootstrap):** Bootstrap 3 components built with React. -* **[react-bootstrap-dialog](https://github.com/akiroom/react-bootstrap-dialog):** React Dialog component for react-bootstrap, instead of `window.alert` or `window.confirm` -* **[react-bootstrap-table2](https://github.com/react-bootstrap-table/react-bootstrap-table2):** It's a react table for Bootstrap. -* **[react-component](https://github.com/react-component/):** A collection of react components maintained by Alibaba/Alipay employee. -* **[react-data-menu](https://github.com/dkozar/react-data-menu):** Smart data-driven menu rendered in an overlay. Hints-based aligning with custom renderers and factories. Never clipped by other components or screen edges. -* **[react-date-picker](https://github.com/Hacker0x01/react-datepicker):** A simple and reusable datepicker component for React. -* **[react-dates](https://github.com/OpusCapita/react-dates):** Date-inputs + date-picker -* **[react-dnd](https://github.com/gaearon/react-dnd)** Flexible HTML5 drag-and-drop mixin for React with full DOM control -* **[react-document-title](https://github.com/gaearon/react-document-title)** Declarative, nested, stateful, isomorphic document.title for React -* **[react-dropzone](https://github.com/felixrieseberg/React-Dropzone):** React Dropzone for File-Uploads -* **[react-forms](https://prometheusresearch.github.io/react-forms/):** Form rendering and validation for React -* **[react-highlight](https://github.com/akiran/react-highlight):** React component for syntax highlighting -* **[react-image](https://github.com/mbrevda/react-image):** Like `` and Enhanced Image Component for React. -* **[react-input-autosize](https://github.com/JedWatson/react-input-autosize):** Like `` but resizes automatically to fit all its content. -* **[react-intense](https://github.com/brycedorn/react-intense):** A component for viewing large images up close -* **[react-joyride](https://github.com/gilbarbara/react-joyride):** Create walkthroughs and guided tours for your ReactJS apps. -* **[react-ladda](https://github.com/jsdir/react-ladda):** React wrapper for Ladda buttons. -* **[react-lorem-component](https://github.com/martinandert/react-lorem-component):** Lorem Ipsum placeholder component. -* **[react-notification](https://github.com/pburtchaell/react-notification):** Snackbar style notifications -* **[react-select](https://github.com/JedWatson/react-select):** Native React Select / Multiselect input field, similar to Selectize / Chosen / Select2 -* **[react-selectize](https://furqanzafar.github.io/react-selectize/):** A stateless & flexible Select component, designed as a drop in replacement for React.DOM.Select, inspired by Selectize -* **[react-sigma](https://www.npmjs.com/package/react-sigma)**: Lightweight but powerful library for drawing network graphs -* **[react-slick](https://github.com/akiran/react-slick):** Carousel component built with React -* **[react-sparklines](https://borisyankov.github.io/react-sparklines/):** Beautiful and expressive sparklines component -* **[react-spreadsheet](https://github.com/felixrieseberg/React-Spreadsheet-Component):** React Spreadsheets / Editable tables with Excel-Style keyboard input and navigation -* **[react-toggle](https://github.com/gfazioli/react-toggle):** A React UI component to display a toggle button control -* **[react-tappable](https://github.com/JedWatson/react-tappable)** A Tappable React Component that provides native-feeling onTap events for mobile React apps -* **[react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize):** Like `