Fromfrom- A JS Library

A JS library written in TS to transform sequences of data from format to another fromfrom fromfrom is a LINQ inspired library to transform sequences of data. Installation npm install –save fromfrom Documentation Find it here. Usage The library exports only a single function, from. from wraps the given source data into a Sequence. Sequence has a wide range of chainable methods to operate […]

Use Query Params

React Hook for managing state in URL query parameters with easy serialization.  useQueryParams A React Hook for managing state in URL query parameters with easy serialization. Works with React Router and Reach Router out of the box. TypeScript supported.   Installation | Usage | Examples | API | Demo When creating apps with easily shareable URLs, you often want to encode state as query parameters, but all query parameters […]

React Native Animatable

Standard set of easy to use animations and declarative transitions for React Native react-native-animatable Declarative transitions and animations for React Native   Installation $ npm install react-native-animatable –save Usage To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you […]

The Platform- Web. Components

The Platform Web API’s turned into React Hooks and Suspense-friendly React components. #useThePlatform Install Note: React 16.8+ is required for Hooks. With npm npm i the<span class=”token operator”>-</span>platform <span class=”token operator”>–</span>save JavaScript Or with yarn yarn add the<span class=”token operator”>-</span>platform JavaScript Examples Basics Low Quality Image Placeholder Using &lt;Script&gt; and Stripe Checkout API Hooks useDeviceMotion() useDeviceOrientation() useGeoPosition() […]

Apexcharts.js

Interactive SVG Charts A modern JavaScript charting library to build interactive charts and visualizations with simple API. Sponsored by Browsers support Firefox Chrome Safari Edge IE11 31+ ✔ 35+ ✔ 6+ ✔ Edge ✔ IE11 ✔ Download and Installation Installing via npm npm install apexcharts <span class=”token operator”>–</span>save JavaScript Direct <script> include JavaScript Wrappers for […]

Reach UI

The Accessible Foundation for React Apps and Design Systems. Welcome to Reach UI Development ♿️ Thanks for getting involved with Reach UI development! Looking for the documentation? https://ui.reach.tech Getting Started This project uses Lerna to manage multiple libs Storybook for a great development experience Gatsby for a blazing fast website. Jest for painless testing. Before doing anything else, run these […]

React Coat

Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR) English The framework is React state and data flow management. It does not improve and encapsulate React itself, nor does it violate the style and trend of React FP. The framework uses Class to organize the Model, supports inheritance, but does not force […]

React Image 

React.js <img> tag rendering with multiple fallback & loader support React Image ???? ???? ???? React Image is an &lt;img&gt; tag replacement for React.js, featuring preloader and multiple image fallback support. With React Image you can specify multiple images to be used as fallbacks in the event that the browser couldn’t load the previous image. Additionally, you can specify any React element to be […]

Advanced Gutenberg Blocks

Awesome customizable blocks for the new WordPress Editor New Awesome Blocks for Gutenberg This project brings some new blocks for the new WordPress visual editor (codename: Gutenberg) A settings page is available to choose which blocks to activate/deactivate and add a default configuration Features Add new awesome blocks for the new WordPress editor clean up […]

Webpack or Import Maps Required

???? ✨ Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required. @pika/web • Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required. npm on Dec 6, 2018 – “JavaScript in 2018 is somewhat notorious for requiring a lot of tooling to get going, which is quite […]