react-vimjs - Vim in Your Web App

  •        6

This is a Vim.js component for React.js. You can easily introduce Vim into your React.js web application. Please try Markdown Demo. The source code of this demo is here.

https://rhysd.github.io/react-vimjs
https://github.com/rhysd/react-vimjs

Tags
Implementation
License
Platform

   




Related Projects

react-tags - A fantastically simple tagging component for your React projects


React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.

react-pure-component-starter - A pure component dev starter kit for React.


React 0.14 introduced the ability to use pure functions as components. The react team calls them functional components in their announcement. The rest of the world calls them pure components.Pure component factories let you inject your React instance into the component so that you can share a single React instance across your entire app -- even if you load React from CDN for client use (which may save lots of users time, because they'll already have it cached locally). To get a better understanding of why this is important see Two Reacts Won’t Be Friends by Dan Abramov.

react-game-kit - Component library for making games with React & React Native


react-game-kit provides a set of helper components to make it easier to create games with React and React Native.The Loop component uses context to pass a subscribable game tick down your component tree. The Stage component does the same with game scale.

react-router-component - Declarative router component for React.


React router component allows you to define routes in your React application in a declarative manner, directly as a part of your component hierarchy. Having routes defined as a part of your component hierarchy allows to dynamically reconfigure routing based on your application state. For example you can return a different set of allowed locations for anonymous and signed-in users.

react-native-timeago - An auto-updating timeago component for React Native using moment.js


An auto-updating timeago component for React Native using moment.js. All normal Text props are applicable (including style). Use the interval prop to change the update interval in milliseconds (default: 60000).


react-broadcast - Reliably communicate state changes to deeply nested React elements


react-broadcast provides a reliable way for React components to propagate state changes to their descendants deep in the component hierarchy, bypassing intermediaries who return false from shouldComponentUpdate.It was originally built to solve issues that arose from using react-router together with react-redux. The router needed a safe way to communicate state changes to <Link>s deep in the component hierarchy, but react-redux relies on shouldComponentUpdate for performance. react-broadcast allows the router to work seamlessly with Redux and any other component that uses shouldComponentUpdate.

hoist-non-react-statics - Copies non-react specific statics from a child component to a parent component


Copies non-react specific statics from a child component to a parent component. Similar to Object.assign, but with React static keywords blacklisted from being overridden. See this explanation from the React docs.

react-planner - :pencil2: A React Component for plans design


react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.

react-fontawesome - A React Font Awesome component.


A React component for the font-awesome icon library. Note: This component does not include any of the Font Awesome CSS or fonts, so you'll need to make sure to include those on your end somehow, either by adding them to your build process or linking to CDN versions.

react-skylight - A react component for modals and dialogs


React SkyLight is a simple react component for modals and dialogs. Powerful, lightweight and customizable design. React skylight DEMOS and DOCS.

react-tagsinput - Highly customizable React component for inputing tags.


Highly customizable React component for inputing tags.A working example can be found in example/components/autocomplete.js.

react-toggle - Elegant, accessible toggle component for React. Also a glorified checkbox.


An elegant, accessible toggle component for React. Also a glorified checkbox. See usage and examples.

hocs - :bento: A collection of Higher-Order Components for React and React Native


A collection of Higher-Order Components for React, especially useful with Recompose. A Higher-Order Component is a function that takes a component and returns a new component.

reactScrollbar - Scrollbar component for React


Simple ScrollArea component built for React. For React 0.13 you need to wrap <ScrollArea> child into a function.

react-draggable - React draggable component


A simple component for making elements draggable.If you aren't using browserify/webpack, a UMD version of react-draggable is available. It is updated per-release only. This bundle is also what is loaded when installing from npm. It expects external React and ReactDOM.

react-split-pane - React split-pane component


Split-Pane component built with React, can be split vertically or horizontally. By dragging 'draggable' surface you can change size of the first pane. The first pane keeps then its size while the second pane is resized by browser window. By default it is the left pane for 'vertical' SplitPane and the top pane for 'horizontal' SplitPane. If you want to keep size of the second pane and let the first pane to shrink or grow by browser window dimensions, set SplitPane prop primary to second. In case of 'horizontal' SplitPane the height of bottom pane remains the same.

react-flight - The best way to build animation compositions for React.


The best way to build animation compositions for React. Design and compose a component to start with, a component to end with, and Flight will take it from there. Flight tries to be for React what Principle is for Sketch compositions - the fastest, most friction free way to compose and an effortless way to animate an idea, an interaction, or a short movie-like composition in a self-contained widget (a React component after all).

react-native-facebook-login - React Native component wrapping the native Facebook SDK login button and manager


<FBLogin /> provides a React Native component wrapping the native Facebook SDK login button and manager. Note: Demo above includes debug text to confirm login (i.e. user name, email and access token). <FBLogin />, by default, will only display the native blue 'Log in with Facebook' button.

react-maskedinput - Masked <input/> React component


A React component for <input> masking, built on top of inputmask-core. The browser bundle exposes a global MaskedInput variable and expects to find a global React variable to work with.