Beginner's Thread / Easy Questions (April 2021)

1. react-html-parser

   1 1 791 0.0 JavaScript

   Converts HTML strings directly into React components and provide a simple way to modify and replace the content.

   

   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.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. headlessui

   2 200 27,170 8.5 TypeScript

   Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

   

   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.

4. react-gallery-carousel

   3 20 215 0.0 JavaScript

   Carousel component 🎠🎠🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 👉 Live editor: https://yifanai.com/rgcd1 👉 Example: https://koalaliving.com.au/Arya-Sand-Beige-Vegan-Leather-Dining-Chair

   

   I'm using this carousel package: react-gallery-carousel

5. GolfPool

   4 1 0 0.0 JavaScript

   

   Yup. Here you go: https://github.com/ydelloyd/GolfPool

6. xstate

   5 64 28,108 9.0 TypeScript

   Actor-based state management & orchestration for complex app logic.

   

   Not sure if this would count, but you can check out XState to manage complex states, though for simple ones, you can use reducers.

7. react-storybook

   6 1 0 0.0 JavaScript

   Discontinued [GET https://api.github.com/repos/softshipper/react-storybook: 404 - Not Found // See: https://docs.github.com/rest/repos/repos#get-a-repository]

   The repository is hosted on https://github.com/softshipper/react-storybook.

8. styled-components

   7 242 40,786 7.3 TypeScript

   Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

   

   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.

9. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

10. downshift 🏎

    8 9 12,197 3.8 JavaScript

    🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

    

    Downshift looks better IMO, with hooks with less "fake" hierarchy.. https://github.com/downshift-js/downshift

11. task-api

    9 1 0 1.1 Python

    and you can find the source code in the github

Suggest a related project