Pkg
Stats

npm package discovery and stats viewer.

Discover Tips

General search
[free text search, go nuts!]
Package details
pkg:[package-name]
User packages
@[username]

Sponsor

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Twitter
@PkgStats
GitHub
pkgstats
Twitter
@ryanhefner
GitHub
ryanhefner
Site
ryanhefner.com

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

Framework
react / react-dom
Server
next / express / next-routes
Data Store
redux / react-redux / next-redux-wrapper / redux-thunk / redux-logger
Caching
lru-cache
CSS / Styling
next-page-transitions / styled-components
Typeface
@ibm/plex
Avatars
gravatar
Data Viz
chart.js / react-sparklines
Date formatting
dayjs
Infinite scrolling
react-scroll-trigger
Markdown rendering
react-markdown
Repository url parsing
hosted-git-info
User data
npm-user
Compiling
babel-plugin-module-resolver / babel-plugin-styled-components
Types
prop-types
Odds & Ends
es6-promise / isomorphic-fetch

© 2024 – Pkg Stats / Ryan Hefner

@patrtorg/perspiciatis-quod-mollitia

v1.1.22

Published

16 hours ago

> reactjs slot based layout system

Downloads

1,030

0High
0Medium
0Low

fastify map streams https babel-core BigUint64Array compiler react animation optimist url ebs superstruct error-handling valid dataView is indicator bundler file hardlinks ES2019 l10n description codes bundling util.inspect client joi listeners electron getopt symbol symlinks exit has-own Array.prototype.findLast nope JSON ReactiveExtensions let ES2016 console Array.prototype.flat fast values variables in css once Stream spinners ajax call-bind contains auth ES8 defineProperty settings local Object.getPrototypeOf real-time phone lint collection performant gradients css es6 .env assertion utils status cloudfront dependencies proto define Int16Array scheme-validation RxJS less mixins ES2022 emr syntax react-hook-form slice installer TypeScript setPrototypeOf TypeBox regular-expression shell stream uninstall callbind es8 serialization Float64Array react-testing-library upload tslib helpers env writable handlers query WeakMap pose Observables ArrayBuffer -0 sigint fp buffer es-shim API global this value parse deterministic rapid matches getintrinsic deep regex terminal route state worker ponyfill Uint8Array es-shims ECMAScript 5 ES6 width querystring compare inspect negative glob ReactiveX reducer runtime Object.keys validator util promise weakset figlet bootstrap css file system ses spring sns serializer ECMAScript 2019 dom password ts cloudwatch redact last ArrayBuffer#slice rangeerror npm javascript Object symbols styling korean option concat censor pure argv stateless encryption Uint16Array global object react-component _.extend forEach core-js identifiers elb persistent Set css-in-js ECMAScript 2020 flat Reflect.getPrototypeOf stringify intrinsic require BigInt64Array ramda sort fetch sigterm tacit binary preserve-symlinks Object.values simpledb value protocol-buffers call-bound consume live higher-order events typedarrays less.js functions dir api iteration some testing es-abstract reverse find accessor getOwnPropertyDescriptor escape framer interrupts setImmediate multi-package fantasy-land copy prune positive drop gdpr libphonenumber typedarray less compiler signed form-validation flatMap wait form classes diff ECMAScript estree column JSON-Schema es2017 byteLength which importexport types optimizer whatwg mkdirs busy patch drag structuredClone HyBi browser loadbalancing Map full-width immutable clone CSS bdd hookform string s3 configurable descriptor trimStart swf gradients css3 command flags protobuf openssl awesomesauce invariant WebSocket airbnb ArrayBuffer.prototype.slice input vest workspace:*predictable deepclone kinesis trimRight asserts curried safe mixins full waf js art delete vars json-schema-validator fast-clone fixed-width from negative zero transpiler css variable setter ECMAScript 2015 loading data pino helper check linux eslintplugin WebSockets es2018 RegExp.prototype.flags ECMAScript 2021 prototype .gitignore flatten queue sameValueZero shebang ES2015 immer var scheme Array.prototype.filter metadata TypedArray equal styleguide chrome zero fastcopy Observable style __proto__jshint channel Uint32Array argument Underscore serialize spinner japanese minimal babel less css regexp parser dom-testing-library log quote equality eslint typanion yup resolve mru Array.prototype.contains sham exit-code typescript styles Symbol obj elasticache ascii nested css vpc Array flag hooks length deepcopy function computed-types internal slot ender 256 ES2018 popmotion globals classname deep-clone tty utilities mkdirp es2015 findLastIndex certificates rgb get tester iterate omit bind YAML postcss-plugin weakmap css less bin stringifier Array.prototype.includes subprocess autoprefixer dotenv readable shim point-free agent utility Rx take ECMAScript 2022 rfc4122 validate inference robust glacier process speed superagent hasOwnProperty name react pose prop amazon mkdir shrinkwrap ECMAScript 3 redux monorepo descriptors banner pipe Object.fromEntries workflow environment every pnpm9 walk xhr package.json queueMicrotask Streams 3d environments eslintconfig Uint8ClampedArray logger offset eslint-plugin route53 logging Int32Array byteOffset redux-toolkit ECMAScript 6 stylesheet polyfill array private data fast-deep-copy http class-validator express chromium traverse uuid storagegateway expression call typed ES @@toStringTag browserslist harmony String.prototype.matchAll lockfile module includes compile less classnames json-schema ECMAScript 2017 date time binaries cloudsearch matchAll jsdom spawn flux es5 internal idle term Push Object.is ESnext collection.es6 parsing ie prefix properties toolkit test Array.prototype.flatMap callback Symbol.toStringTag mobile css nesting make dir es filter toSorted telephone character dataview formatting irq zod chai zx node jest make arraybuffer dependency manager private jwt Array.prototype.flatten String.prototype.trim generics command-line proxy tc39 effect-ts less io-ts columns guid ES7 path bound reversed keys autoscaling sorted StyleSheet move transpile regular ECMAScript 2018 callbound signals names curl gitignore operating-system lesscss schema trim sharedarraybuffer cjk variables entries Object.entries RFC-6455 fnmatch beanstalk ES3 fork number ES5 reduce extra waapi manager react eventEmitter browserlist view efficient coercible jsonschema iterator moment trimLeft json-schema-validation text progress remove Int8Array fps typeof hot const validation Iterator i18n 0 WeakSet native link args warning crypt language typed array $.extend extend Float32Array globalThis tdd child xterm import pretty output async toReversed hash getPrototypeOf merge own circular crypto east-asian-width read deep-copy side transport toobject starter getter groupBy picomatch ansi graphql eventDispatcher readablestream self performance emit qs fastclone replay slot plugin format forms toStringTag acorn package manager ast npmignore directory Object.defineProperty iam concatMap es7 install modules arrays ajv

reactjs-slot-layout

reactjs slot based layout system

Downloads

✨ Features

Easy layout management
Override layout from any component
Support for wrapped components and React Fragment
Handle multiple layouts with ease
Very lightweight ~ 5KB

🔧 Installation

yarn add reactjs-slot-layout

🎬 Getting started

Let's demonstrate simple usage with ... example:

// your code example

🎭 Examples

Go checkout examples !

📜 API

Document your API here

`publicMethodOne(value:string): string`

This methods does foo bar moo...

Example:

// example

🎓 Guides

🕵️ Troubleshooting

Contributing

Anyone is welcome to contribute, however, if you decide to get involved, please take a moment to review the guidelines:

🥂 License

MIT as always