react-vimjs - Vim in Your Web App

  •        9

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-hint - Tooltip component for React, Preact, Inferno


React-hint is a small tooltip component for React which is developed with simplicity and performance in mind. It also plays nicely with Preact and Inferno. You don't need to include ReactHint in every component which uses tooltips, just include it once in the topmost container component. In case you need to define multiple instances of ReactHint, you can customise the attribute name per instance. ReactHint also supports custom tooltip content with attached event handlers by overriding the content renderer and returning a react node.

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-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-check-auth - Add auth protection anywhere in your react/react-native app


react-check-auth is a tiny react component that helps you make auth checks declarative in your react or react-native app. This component uses React 16's new context API and is just ~100 LOC. It can also serve as a boilerplate for getting familiar with using the context API to pass information from a parent component to arbitrarily deep child components.


react-native-tab-view - A cross-platform Tab View component for React Native


A cross-platform Tab View component for React Native. This is a JavaScript-only implementation of swipeable tab views. It's super customizable, allowing you to do things like coverflow.

react-video - 🎞 React component to load video from Vimeo or Youtube across any device.


A pretty good and effective way to create a video placeholder from Youtube or Vimeo using a high-res image. If you don't know, when an <iframe> is rendered from browser, it blocks its parse because it isn't a non-blocking script. This isn't so good to your user, no?. With this react component, the <iframe> just will be loaded when the user click on play. NOTICE: You need just one thing to make the component work. Put the base component style at the <header> tag. If you don't wanna use the .css extension, you can get the .styl or .scss extension at the folder ./lib.

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.

react-isomorphic-video-game-search - An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API


An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API. An excuse to share my research and get feedback as I prepare to launch a large React-powered app.

react-native-keyboard-aware-scroll-view - A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput


A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput. You can use the KeyboardAwareScrollView, the KeyboardAwareListView, KeyboardAwareSectionList or the KeyboardAwareFlatList components. They accept ScrollView, ListView, SectionList and FlatList default props respectively and implement a custom high order componente called KeyboardAwareHOC to handle keyboard appearance. The high order component is also available if you want to use it in any other component.

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-datepicker - A simple and reusable datepicker component for React


You’ll need to install React, PropTypes, and Moment.js separately since those dependencies aren’t included in the package. Below is a simple example of how to use the Datepicker in a React view. You will also need to require the CSS file from this package (or provide your own). The example below shows how to include the CSS from this package if your build system supports requiring CSS files (Webpack is one that does). See here for a full list of props that may be passed to the component. Examples are given on the main website.

react-native-collapsible - Animated collapsible component for React Native, good for accordions, toggles etc


Pure JavaScript, supports dynamic content heights and components that is aware of its collapsed state (good for toggling arrows etc). This is a convenience component for a common use case, see demo below.

react-native-blur - React Native Blur component


A component for UIVisualEffectView's blur and vibrancy effect on iOS, and 500px-android-blur on Android. Note: The maximum blurAmount on Android is 32, so higher values will be clamped to 32.

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-proxy-loader - Wraps a react component in a proxy component to enable Code Splitting.


Wraps a react component in a proxy component to enable Code Splitting, which loads a react component and its dependencies on demand. This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.

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.