Our great sponsors
-
react-html-parser
Converts HTML strings directly into React components and provide a simple way to modify and replace the content.
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
react-gallery-carousel
Carousel component 🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 💻 Live editor: https://yifanai.com/rgcd1
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
downshift 🏎
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
I would like to serve a folder filled with static HTML files through react, as the basis of a blog. This seems pretty difficult to do! I've looked this up and I've found quite a few answers, most of which revolve around using "Dangerously Set innerHTML," or something like https://github.com/wrakky/react-html-parser. This makes sense to me - I'd rather go the latter route, but to do that I need a string that contains HTML. I just can't figure out how to import or otherwise read an HTML file.
If you consider the component doing to much work and need refactor, you can go with HeadlessUI route, making the component provide data or manage states only, while renderings are done in children.
I'm using this carousel package: react-gallery-carousel
Yup. Here you go: https://github.com/ydelloyd/GolfPool
Not sure if this would count, but you can check out XState to manage complex states, though for simple ones, you can use reducers.
The repository is hosted on https://github.com/softshipper/react-storybook.
The recent best practice is CSS-in-JS which in general make it easier to handle styles. There are many CSS-in-JS frameworks, check out https://styled-components.com for example.
Downshift looks better IMO, with hooks with less "fake" hierarchy.. https://github.com/downshift-js/downshift
and you can find the source code in the github