Displaying 1 to 20 from 60 results

formik - Build forms in React, without the tears 😭

  •    TypeScript

By colocating all of the above in one place, Formik will keep things organized--making testing, refactoring, and reasoning about your forms a breeze.I (@jaredpalmer) wrote Formik while building a large internal administrative dashboard with @eonwhite. With around ~30 unique forms, it quickly became obvious that we could benefit by standardizing not just our input components but also the way in which data flowed through our forms.

react-fns - Browser API's turned into declarative React components and HoC's

  •    TypeScript

react-fns is a collection of imperative Browser API's turned into declarative React components and higher-order components for lots of common situations.There's a lot more to do. The goal is to standardize almost every Web API on MDN.

freactal - Clean and robust state management for React and React-like libs.

  •    Javascript

freactal is a composable state management library for React.The library grew from the idea that state should be just as flexible as your React code; the state containers you build with freactal are just components, and you can compose them however you'd like. In this way, it attempts to address the often exponential relationship between application size and complexity in growing projects.

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

  •    Javascript

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.




react-google-maps - React.js Google Maps integration component

  •    Javascript

The changelog is automatically generated via standard-version and can be found in project root as well as npm tarball. Please, be noted, no one, I mean, no one, is obligated to help you in ANY means. Your time is valuable, so does our contributors. Don't waste our time posting questions like “how do I do X with React-Google-Maps” and “my code doesn't work”. This is not the primary purpose of the issue tracker. Don't abuse.

react-redux-firebase - Redux bindings for Firebase

  •    Javascript

Redux bindings for Firebase. Includes Higher Order Component (HOC) for use with React. The Material Example is deployed to demo.react-redux-firebase.com.

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-jss - JSS integration for React.

  •    Javascript

React-JSS provides components for JSS as a layer of abstraction. JSS and the default preset are already built in! Try it out in the playground. React-JSS wraps your component with a higher-order component. It injects a classes prop, which is a simple map of rule names and generated class names. It can act both as a simple wrapping function and as an ES7 decorator.


react-contextual - πŸš€ react-contextual is a small (less than 1KB) helper around React 16s new context api

  •    Javascript

Click this link for a detailed explanation. Pass a store (which stores some state and actions to update the state) to Provider. Then receive the props in the store either by using a HOC or render-props.

react-skeletor - Skeleton loading for React

  •    TypeScript

Display a skeleton preview of the application's content before the data get loaded. Before opening any Pull Request please post an issue explaining the problem so that the team can evaluate if the Pull Request is relevant.

react-sizes - :left_right_arrow: Hoc to easily map window sizes to props.

  •    Javascript

React Sizes is a high-order component with a high performance that transform window sizes (width and height) into props. You can check inside your component, for example, if user's window is less than 480 pixels of width, and add a custom content. It can be very powerful for when you need to display different content for mobile and desktop. But it's not limited to this case. Just use that at your needs.

react-with-direction - Components to provide and consume RTL or LTR direction in React

  •    Javascript

Components to support both right-to-left (RTL) and left-to-right (LTR) layouts in React.Supporting RTL or switching between different directions can be tricky. Most browsers have built-in support for displaying markup like paragraphs, lists, and tables. But what about interactive or complex custom UI components? In a right-to-left layout, a photo carousel should advance in the opposite direction, and the primary tab in a navigation control should the rightmost, for example.

preact-head - Standalone, declarative <Head /> for Preact.

  •    Javascript

Standalone, declarative <Head /> for Preact.Supports both client and server-side rendering.

recompact - βš› A set of React higher-order components utilities. Drop-in replacement for recompose.

  •    Javascript

Recompact is a set of React higher-order components for reactive programming. It's a drop-in replacement of Recompose with several enhancements. Since tree shaking isn't ready yet to reduce build size efficiently, it is not supported in recompact.

hocbox - A collection of HOC React components

  •    HTML

Service in the example above is just a HTTP layer that fetches data from let's say API. Provide anything to any React component of your application. The dependencies are registered at the very top layer and via the wire method they may reach your components.

react-click-outside - Higher Order Component that provides click outside functionality

  •    Javascript

Enhance a React component with a Higher Order Component that provides click outside detection. Note: React 0.14 required for version >= 2.x. This assumes react and react-dom is installed in your project. Continue using version 1.x for React 0.13 support.

react-form-hoc - Higher order component for react forms

  •    Javascript

Each field in the fields prop contains the value a onBlur, onChange, error (if preset) and the initalValue.

react-animation-frame - A React higher-order component that invokes a callback in a wrapped component via requestAnimationFrame

  •    Javascript

A React higher-order component for invoking component repeating logic using requestAnimationFrame. It works in both the browser and React Native. The module follows the CommonJS format, so it is compatible with Browserify and Webpack. It also supports ES5 and beyond.