react-sticky-stack - A Sticky Stack component for React.js

  •        16

A Sticky Stack component for React.js

https://react-sticky-stack.herokuapp.com/
https://github.com/YPlan/react-sticky-stack

Dependencies:

react : ^0.14.3
react-dom : ^0.14.3

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.

stack - Stack navigator for React Navigation

  •    TypeScript

Stack navigator for use on iOS and Android. Documentation can be found on the React Navigation website.

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-stack-grid - Pinterest like layout components for React.js

  •    Javascript

Pinterest like layout components for React.js. You can install the react-stack-grid from npm.

react-notification - Provides snackbar notifications for React

  •    Javascript

React Notification provides snackbar notification messages and notification stacks. The default visual style and interaction follows Material Design guidelines for snackbars and can be fully customized. Copyright (c) 2015-2018 Patrick Burtchaell.

serverless-stack-com - Source for Serverless-Stack.com

  •    CSS

Serverless Stack is an open source guide for building and deploying full-stack apps using Serverless and React on AWS. We are going to create a note taking app from scratch using React.js, AWS Lambda, API Gateway, DynamoDB, and Cognito.

react-native-snap-carousel - Swiper/carousel component for React Native with previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support

  •    Javascript

Swiper component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support. Compatible with Android & iOS. This app is available on Android and iOS. It uses version 3.2.0 of the plugin, with FlatList's implementation and parallax images.

react-magic-hat - 🎩✨Library to implement the Magic Hat technique, blazingly fast 🚀

  •    Javascript

React implementation of what I call the Magic Hat UI technique [DEMO]. 🚀 Blazing fast. 60+ FPS hardware-accelerated CSS transforms, using the FLIP technique. Fluid and performant. Thanks to react-flip-move for that.

Inferno - An extremely fast, React-like JavaScript library for building modern user interfaces

  •    Javascript

Inferno is an insanely fast, 9kb React-like library for building high-performance user interfaces on both the client and server. Inferno aims to provide all the great benefits that React does, plus other great features for people already familiar with the React ecosystem, such as: lifecycle events on functional components, server side render streams, better real-world performance, lower memory consumption and faster parse/load times.

serverless-stack-demo-client - Source for the demo app client in Serverless-Stack.com

  •    Javascript

Serverless Stack is a free comprehensive guide to creating full-stack serverless applications. We create a note taking app from scratch. This repo is for the frontend React app that we build over the course of the tutorial. You can find the repo for the backend serverless API here. And the repo for the tutorial here.

fullstack-react - A simple, full-stack JavaScript single page app featuring React, Webpack, and Falcor

  •    Javascript

A simple, full-stack JavaScript single page app featuring React, Webpack, and Falcor. This is a fork of spring-react-demo with a new backend (node) and a new API (via Falcor). The app constructed here is simple - a list of names, maintained on the server, with the ability to display, add, and manipulate names in the list via the browser. All code is covered by unit and Selenium-based integration tests as well.

js-stack-from-scratch - 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

  •    Javascript

Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch. This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them.

3ree - An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express

  •    Javascript

An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express. A stack for building apps, front and back end, with just Javascript. This project was initially conceived to experiment with using these technologies in conjunction with one-another. I have written a blog that relates to this codebase.

reactuate - React/Redux stack (not a boilerplate kit)

  •    Javascript

Reactuate is an opinionated stack for building React/Redux-based frontend applications with a focus on DDD (Domain-Driven Design). The rationale behind this project is to ensure there's a "standard stack" with compatible versions of various libraries stitched together in a cohesive way. This comes at a cost of reduced ability to swap out certain components but ultimately helps shipping software fast. This is an early version, and some things are in a flux, and some underlying libraries and APIs will change before 1.0.

React-Express-Blog-Demo - :fire: React full stack+Express+Mongo implementation blog website tutorial :new_moon_with_face:

  •    Javascript

:fire: React full stack+Express+Mongo implementation blog website tutorial :new_moon_with_face:

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

  •    Javascript

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

28kb-react-redux-routing - React + Redux + Routing Stack for just 28kb

  •    Javascript

Just because your stack is awesome, doesn't mean it has to be fat.This repo serves as a minimally viable example of how to combine the great ideas of React + Redux without compromising on your build size.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.