react-stickies - 🗒️ Sticky Notes for React Application

  •        482

Make sure you have included draftjs styles in your app. If you have a feature request, please add it as an issue or make a pull request.

https://ajainvivek.github.io/react-stickies/
https://github.com/ajainvivek/react-stickies

Dependencies:

draft-js : ^0.10.0
moment : ^2.17.1
react-grid-layout : ^0.14.0

Tags
Implementation
License
Platform

   




Related Projects

react-sticky - <Sticky /> component for awesome React apps

  •    Javascript

There's a CSS alternative to react-sticky: the position: sticky feature. However it currently does not have full browser support, specifically a lack of IE11 support and some bugs with table elements. Before using react-sticky, check to see if the browser support and restrictions prevent you from using position: sticky, as CSS will always be faster and more durable than a JS implementation. The goal of react-sticky is make it easier for developers to build UIs that have sticky elements. Some examples include a sticky navbar, or a two-column layout where the left side sticks while the right side scrolls.

react-stickynode - A performant and comprehensive React sticky component.

  •    Javascript

A performant and comprehensive React sticky component.A sticky component wraps a sticky target and remains the target in viewport as an user scrolls the page. Most sticky components handle the case where the sticky target is shorter then viewport, but not the case where a sticky target taller then viewport. The reason is the behavior expectation and implementation is much more complicated.

react-native-parallax-scroll-view - A ScrollView-like component with parallax and sticky header support

  •    Javascript

Note: For React Native 0.19.0 and earlier, you'll want to use react-native-parallax-scroll-view@0.17.4. Version 0.18.0 changes the scrolling API to be compatible with React Native 0.20.0. Please refer to the ListView example provided to see how ParallaxScrollView can be used in combination with ListView.

Notes.Net

  •    

A simple sticky notes kind of application developed in C# .NET. you can open any number of stickies and save them to text file. As of now is a standalone executable and not a service. your notes will get deleted when program exits.

Web Sticky Notes

  •    CSharp

Web Sticky Notes is a collaborative sticky-notes board with drag-and-drop between swim lanes. You can set up many projects, each with their own task-streams and tasks. People and priorities that you set up are shared among all projects.


react-native-ultimate-listview - A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row

  •    Javascript

This module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

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

  •    Javascript

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.

core-notes - Weekly meeting notes from the React core team

  •    

React Core team meets once a week to discuss the development of React, future plans, and priorities. These notes are relatively new and started in March, 2016. You can find an archive of older notes here.New notes will be added as pull requests so you will be notified of them if you watch the repo. You can comment on the pull requests to discuss the notes, or raise issues if you would like to ask for a clarification.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

  •    Javascript

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.

react-native-google-signin - Google Signin for your React Native applications

  •    Objective-C

A new RC 3 is available: see release notes. Install it with yarn add react-native-google-signin@next. On May 15, the repo was moved to react-native-community, and we're looking for contributors to help get the project back up to speed see related issue.

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

  •    Javascript

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-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library.

react-hotkeys - Declarative hotkey and focus area management for React

  •    Javascript

A declarative library for handling hotkeys and focus areas in React applications. See the upgrade notes.

react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React

  •    Javascript

An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

react-native-permissions - Check and request user permissions in ReactNative (iOS and Android)

  •    Objective-C

⚠️ To install @react-native-community/async-storage, please refers to the package documentation. 📌 Don't forget to add permissions to AndroidManifest.xml for android and Info.plist for iOS (Xcode >= 8). See iOS Notes or Android Notes for more details.

SP Sticky Notes

  •    

SP Sticky Notes allows your users to add sticky notes to a page on your SharePoint site.

dazzle - :rocket: Dashboards made easy in React JS.

  •    Javascript

Dazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate with them.Dazzle's goal is to be flexible and simple. Even though there are some UI components readily available out of the box, you have the complete control to override them as you wish with your own styles and layout.

leanote-ios-rn - Leanote iOS App based on React Native

  •    Javascript

You then need to add the Objective C part to your XCode project. Drag AIBSQLite.xcodeproj from the node_modules/react-native-sqlite folder into your XCode projec. Click on the your project in XCode, goto Build Phases then Link Binary With Libraries and add libAIBSQLite.a and libsqlite3.dylib.

react-native-permissions - Check and request user permissions in ReactNative (iOS and Android)

  •    Objective-C

📌 Don't forget to add permissions to AndroidManifest.xml for android and Info.plist for iOS (Xcode >= 8). See iOS Notes or Android Notes for more details. Example: If you need Contacts permission you have to add the key Privacy - Contacts Usage Description.