đşđŚ #â285 â April 20, 2022 |
How to Create a Modern CRUD App with Ruby on Rails and React â A thorough, and newly updated, tutorial covering building a fully functional CRUD app with Rails 7, SQLite, esbuild, React 18, hooks, React Router, and more. An ideal guide if you want to get a feel for all the moving parts involved in such an app. James Hibbard |
đ  Upcoming 'The State of React' Meetup â A panel of React 18 working group members, contributors, and React library authors including the opportunity to ask questions live! This online conference is coming up on the 26th, so youâll need to register soon if you want to attend. This Dot Media |
Headless CMS with World-Class TypeScript Support â Kontent handles all your content management. Streamline your code using TypeScript SDK, CLI, Rich Text resolver, and strongly typed Model Generator and scale with no problems when your project grows. Have you seen our UI? Kontent by Kentico sponsor |
A Quick Guide to Mitosis: Why You Need It and How You Can Use It â Forget cell division.. this Mitosis gives you code division, essentially letting you write components once and then letting you use them in React, Vue, Solid, Angular, and elsewhere. Alex Patterson |
Quick bits:
|
|
Accessible React Forms â This is overdue: in-depth coverage of building accessible forms in React. The author starts with one that does not work well in this domain, and then progressively introduces fixes to get it right. Carl Rippon |
Creating a Multi-Step Form with Formik â Complex user input can be dauntingâbreaking it down into smaller, step-wise chunks can make it easier. This article shows how. BTW, the âaudiobookâ version is a welcome addition to this articleâwe hope this catches on. Piyush Sinha |
Writing Cross-Platform Components for Web and React Native â It's not the easiest thing to do..
|
React App Performance Optimization Tips
|
đ Â Code and Tools |
react-winbox: A Full Window Manager for React â This component wraps Winbox.js, âa modern HTML5 window manager for the webâ. The component comes complete with React props and state. RickoNoNo3 |
React Embed 3.6: To Embed Third Party Widgets â A component that looks at the URL of the thing you want to embed and then, well, embeds it as best it can. Supports things like JSFiddle, Replit, SoundCloud, YouTube, GitHub Gist, and more. Vadim Dalecky |
React Bootstrap 2.3: Bootstrap 5 Components Built with React â Replaces Bootstrapâs JavaScript. Each component has been built from scratch as a true React component. GitHub repo. Collings, Honnibal, Vanderwerff, et al. |
Tired of Asking Users to Enter Passwords in Your Applications? Stream sponsor |
React Page Visibility 7.0: Declarative, Isomorphic 'Page Visibility' HOC â React to your app being in the background (or invisible) so you can do things like conserve bandwidth or stop running animations. Gilad Peleg |
React-Select-Datepicker: A Dropdown Date Picker Component â If a calendar feels too cumbersome, this is a different approach where you let users pick month, day and year from dropdowns. GitHub repo. Jeff McAmmond |
React-Leaflet 4.0: React Components for Leaflet Maps â Leaflet is a popular JavaScript library for creating interactive maps. This library brings support direct to React. Paul Le Cam |
|