GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → no23reason → typescript-hoc-tutorial

no23reason / typescript-hoc-tutorial

Licence: MIT license
Code samples for my “React Higher-Order Components in TypeScript made simple” article

Programming Languages

typescript
32286 projects
HTML
75241 projects
CSS
56736 projects

Labels

reacthoc

Projects that are alternatives of or similar to typescript-hoc-tutorial

React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (+394.29%)
Mutual labels:  hoc
react-useragent
Higher order component to add user agent information to your react components
Stars: ✭ 13 (-62.86%)
Mutual labels:  hoc
snap-state
State management in a snap 👌
Stars: ✭ 23 (-34.29%)
Mutual labels:  hoc
Redux Auth Wrapper
A React Higher Order Component (HOC) for handling Authentication and Authorization with Routing and Redux
Stars: ✭ 2,175 (+6114.29%)
Mutual labels:  hoc
react-app-loader
Production ready library for handling Microfrontends
Stars: ✭ 75 (+114.29%)
Mutual labels:  hoc
react-table-hoc-draggable-columns
ReactTable HOC for draggable columns
Stars: ✭ 27 (-22.86%)
Mutual labels:  hoc
Hocs
🍱 Higher-Order Components for React
Stars: ✭ 1,784 (+4997.14%)
Mutual labels:  hoc
react-formular
This libraray is an experimental approach to bind forms and its inputs and editors together using the new React Context API. It aims to be fully customizable and composable. It´s only a set of Higher-Order-Components. Because of the decoupled nature, Middlewares makes it easy to build custom Validations, Security Guards and other data interceptors.
Stars: ✭ 43 (+22.86%)
Mutual labels:  hoc
rrx
⚛️ Minimal React router using higher order components
Stars: ✭ 69 (+97.14%)
Mutual labels:  hoc
react-combine-contexts
🚀Use multiple React Contexts without pain.
Stars: ✭ 23 (-34.29%)
Mutual labels:  hoc
Tubular React
Material UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.
Stars: ✭ 202 (+477.14%)
Mutual labels:  hoc
Escape From Callback Mountain
Example Project & Guide for mastering Promises in Node/JavaScript. Feat. proposed 'Functional River' pattern
Stars: ✭ 249 (+611.43%)
Mutual labels:  hoc
hoc-react-animate
Add a CSS class whenever a props change (or/and at mount)
Stars: ✭ 14 (-60%)
Mutual labels:  hoc
React With Direction
Components to provide and consume RTL or LTR direction in React
Stars: ✭ 176 (+402.86%)
Mutual labels:  hoc
react-animation-frame
A React higher-order component that invokes a callback in a wrapped component via requestAnimationFrame
Stars: ✭ 47 (+34.29%)
Mutual labels:  hoc
Neoform
✅ React form state management and validation
Stars: ✭ 162 (+362.86%)
Mutual labels:  hoc
nextjs-redirect
HOC to redirect to any URL in NextJS both in client and server
Stars: ✭ 144 (+311.43%)
Mutual labels:  hoc
react-drip-form
☕ HoC based React forms state manager, Support for validation and normalization.
Stars: ✭ 66 (+88.57%)
Mutual labels:  hoc
think
Instagram clone using React Native with funcional components, React Hooks, React Navigation 4x and Reactotron debugger
Stars: ✭ 20 (-42.86%)
Mutual labels:  hoc
next-password-protect
Password protect your Next.js projects.
Stars: ✭ 252 (+620%)
Mutual labels:  hoc
View All Similar Projects ➔

React HOC demo in TypeScript

This is repo related to my Medium article on React Higher–Order Components.

How to use

To try it yourself, just clone this repository and then run

yarn install
yarn start

For the best experience, I recommend using Visual Studio Code.

Acknowledgements

This project was bootstrapped with Create React App, using the wonderful TypeScript-React-Starter project.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].