coderplanets_web - the most sexiest community for developers, build with React, Mobx/MST, GraphQL, Styled-Components, Rxjs, Ramda

  •        12

the most sexiest community for developers, build with React, Mobx/MST, GraphQL, Styled-Components, Rxjs, Ramda ... and ❤️


@editorjs/checklist : ^1.1.0
@editorjs/delimiter : ^1.1.0
@editorjs/editorjs : ^2.15.0
@editorjs/header : ^2.3.0
@editorjs/inline-code : ^1.3.0
@editorjs/list : ^1.4.0
@editorjs/marker : ^1.2.1
@groupher/editor-header : ^2.3.0
@groupher/editor-quote : ^2.3.0
@next/bundle-analyzer : ^9.0.0
@sentry/browser : ^4.6.4
@sentry/node : ^4.6.4
@tippy.js/react : ^2.2.1
@zeit/next-css : ^1.0.1
@zeit/next-source-maps : 0.0.4-canary.1
accepts : ^1.3.4
antd : 3.8.4
apollo-cache-inmemory : 1.6.3
apollo-client : 2.6.4
apollo-link : 1.2.5
apollo-link-error : ^1.0.9
apollo-link-http : 1.5.14
apollo-link-retry : 2.2.13
chalk : ^2.4.1
compatible-debug : ^1.0.0
cookie-parser : ^1.4.4
core-js : 3.2.1
cross-env : ^5.2.0
draft-js : ^0.10.5
draft-js-linkify-plugin : ^2.0.1
draft-js-mention-plugin : 3.1.3
draft-js-plugins-editor : 2.1.1
express : ^4.16.4
glob : ^7.1.2
graphql : 14.4.0
graphql-request : ^1.6.0
graphql-tag : ^2.6.1
graphql-voyager : ^1.0.0-rc.26
helmet : ^3.15.0
intl : ^1.2.5
isomorphic-fetch : ^2.2.1
js-cookie : ^2.2.0
keyboardjs : ^2.5.1
lru-cache : ^4.1.3
mastani-codehighlight : 0.0.7
mobx : ^5.13.0
mobx-react : 6.1.3
mobx-react-lite : 1.4.1
mobx-state-tree : 3.14.1
module-alias : ^2.0.1
next : 9.0.4
next-compose-plugins : ^2.2.0
next-offline : ^4.0.2
next-progressbar : ^1.0.0
next-seo : 1.11.1
overlayscrollbars : 1.9.1
overlayscrollbars-react : ^0.1.0
path-match : ^1.2.4
polished : 2.3.1
promise-timeout : ^1.3.0
prop-types : ^15.5.10
pubsub-js : ^1.6.0
ramda : 0.25.0
randomcolor : ^0.5.3
react : 16.9.0
react-calendar-heatmap : 1.8.1
react-content-loader : 3.4.2
react-dom : 16.9.0
react-helmet : ^5.2.1
react-highlight-words : ^0.16.0
react-intl : 3.0.0
react-json-view : 1.19.1
react-masonry-component : ^6.0.1
react-resize-detector : 4.0.5
react-sortable-hoc : 1.7.1
react-svg : 8.0.0
react-tooltip : ^3.4.0
react-trend : ^1.2.4
react-use : ^9.0.0
react-waypoint : 9.0.2
remarkable : 2.0.0
remarkable-emoji : ^0.1.3
remarkable-mentions : ^0.1.0
response-time : ^2.3.2
rxjs : 6.2.2
scroll-into-view-if-needed : 1.5.0
sentry-testkit : ^2.1.0
shortid : ^2.2.8
store : ^2.0.12
stringz : ^2.0.0
styled-components : 4.3.2
timeago-react : 2.0.0
uuid : ^3.3.2



Related Projects

jest-styled-components - Jest utilities for Styled Components

  •    Javascript

A set of utilities for testing Styled Components with Jest. This package improves the snapshot testing experience and provides a brand new matcher to make expectations on the style rules. Jest snapshot testing is an excellent way to test React components (or any serializable value) and make sure things don't change unexpectedly. It works with Styled Components but there are a few problems that this package addresses and solves.

majestic - ⚡ Zero config UI for Jest

  •    TypeScript

Majestic is an electron app that provides a UI for running tests with Jest. Jest CLI itself provides one of the best testing experiences available today. But Majestic humbly tries to expand upon it by providing a rich UI to be used during the dev/test loop.Ok, I lied partially about the zero config part.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

styled-components - Visual primitives for the component age

  •    Javascript

If you are looking for styled-components v4.0 (under active development), check out the roadmap and dev branch. styled-components is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the documentation about React Native for more information.

react-styled-flexboxgrid - Grid system based on styled-components and flexbox for React

  •    Javascript

Set of React components that implement flexboxgrid.css but with styled-components. Furthermore, it allows to customize grid configuration like gutter width... Highly inspired by the excellent react-flexbox-grid which the API is nearly the same than this module.

mobx-react-lite - Lightweight React bindings for MobX based on React 16.8 and Hooks

  •    TypeScript

This is a next iteration of mobx-react coming from introducing React hooks which simplifies a lot of internal workings of this package. Class based components are not supported except using <Observer> directly in class render method. If you want to transition existing projects from classes to hooks (as most of us do), you can use this package alongside the mobx-react just fine. The only conflict point is about the observer HOC. Subscribe to this issue for a proper migration guide.

ran - :zap: RAN! React

  •    Javascript

:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...

arc - React starter kit based on Atomic Design

  •    Javascript

ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable. If you find this useful, please don't forget to star ⭐️ the repo, as this will help to promote the project. Follow me on Twitter and GitHub to keep updated about this project and others.

reactql - Universal React+GraphQL starter kit: React 16, Apollo 2, Webpack 4, Styled Components 4, React Router 4, PostCSS, SSR

  •    TypeScript

Universal front-end React + GraphQL starter kit, written in Typescript. Hot code reloading. Make a change anywhere in your code base (outside of the Webpack config), and changes will be pushed down the browser automatically - without page reloads. This happens for React, Styled Components, SASS - pretty much anything.

styled-components-theme - Defines themes via flexible color selectors for use with styled-components

  •    Javascript

styled-components-theme generates selectors for colors in your styled-components theme that allows color manipulation, using the color library via calls on the selectors themselves. A selector, in this context, is defined as a function that looks like (props) => props.theme.myColor that the styled-components library accepts as a template variable.

grid-styled - Responsive React grid system built with styled-system

  •    Javascript

The Box component handles width, margin and padding. All grid-styled components use styled-system for style props, which pick up values from a theme and allow for responsive styles to be passed as array values.

tachyons-components - React UI components powered by Tachyons with a styled-components like API

  •    Javascript

React UI components powered by Tachyons with a styled-components like API.

thisless-react - Reactive React application flow with React, RxJS and Redux


Reactive React application flow, with React, RxJS and Redux. Fully Reactive: With RxJS and React Reactive Class, components are made reactive and observable.

smooth-ui - Modern React UI library 💅👩‍🎤🍭

  •    Javascript

Modern React UI library. Code less, do more. Smooth UI is a style system / UI library for React. It works with Styled Components 💅 or Emotion 👩‍🎤.

styled-css-grid - 🍱 A tiny CSS grid layout for React

  •    Javascript

A tiny (~2kb) CSS grid layout for React, built with styled-components 💅. See the website.

saas - Build your own SaaS product with SaaS boilerplate app

  •    TypeScript

Open source web app that saves you weeks of work when building your own SaaS product. To run locally, you will need to run two apps: api and app.

akita - 🚀 State Management Tailored-Made for JS Applications

  •    TypeScript

Whether it be Angular, React, Vue, Web Components or plain old vanilla JS, Akita can do the heavy lifting and serve as a useful tool for maintaining clean, boilerplate-free, and scalable applications. Akita is a state management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Stores model.

styled-theming - Create themes for your app using styled-components

  •    Javascript

<ThemeProvider> is part of styled-components, but is required for styled-theming. Most of your theming will be done with this function.

fe-boilerplate - Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux :dizzy: 多技术栈前端项目模板

  •    Javascript

Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux :dizzy: 多技术栈前端项目模板