#364 — November 29, 2023 |
|
Tamagui: A UI Kit Unifying React Native and Web — A complete UI solution for cross-platform React apps (web and native) using highly platform-optimized output by way of a smart compiler. It might give you Tailwind CSS vibes, but goes well beyond that. Nate Weinert |
How Web Components Can Eliminate Framework Lock-in — Jakes notes how web components can “dramatically loosen the coupling” of frameworks — and in an effort to prove it, he builds an app where every component is written with a different framework(!) Jake Lazaroff |
Streamline API Development with Postman Workspaces — Postman workspaces give teams shared access to the API tools they need to solve problems together. They are the go-to place for development teams to collaborate and move quickly while staying on the same page. Postman sponsor |
Why We Use AWS Instead of Vercel to Host Our Next.js App — “We moved from a simple SPA deployment to a robust containerized environment using AWS ECS, enhancing our ability to manage, deploy, and scale our Next.js application.” Greg Foster (Graphite) |
💡 In related news, the AWS Amplify team blogged about the 'next generation' of Amplify's full-stack development experience. It's not what Graphite (above) used, but it seems AWS is putting increasing focus on this area. |
React Panel: Frontend Should Embrace React Server Components — A panel of developers from Meta, Vercel, Redwood, and others, discussed React server components and server actions in relation to the traditional SPA model and whether Next.js is the only path to adoption. Loraine Lawson |
IN BRIEF:
|
A 3D Glass Portal Card Effect with React Three Fiber — Explore the creation of a 3D ‘glass portal’ with React Three Fiber and using Gaussian splatting to render real-world objects realistically. Yuri Artiukh |
How to Create a Component Library Supporting ESM and CommonJS — How to create a React component ESM+CJS library using Rollup, TypeScript and Storybook, by the creator of Beautiful Tree. Coder Spirit |
Crafting a Desktop Markdown Editor App — Wails brings an Electron-esque cross-platform desktop app building approach to the Go programming language. Ersin Buckley |
Resolving the ' |
How to Create a Sortable and Filterable Table in React
|
🛠 Code and Tools |
React Share 5.0: Social Media Sharing Buttons — Loads no external scripts, supports tree shaking, and provides buttons for too many platforms to list in full (but think Facebook, Reddit, Telegram, Pinterest..) Klaus Nygård |
Beautiful Tree: A Library to Render Tree Structures — A lightweight library to draw trees as SVG images that can then be styled with CSS. Coder Spirit |
Accelerate Your API Development with Postman Collection Templates — Browse 70+ free and customizable templates to jump-start your API design, documentation, development, and testing workflows. Postman sponsor |
P5-wrapper/react: Incorporate P5 Sketches in React Apps — P5 is a fantastic Processing-inspired library/system for creative/visual coding and this makes it easier to integrate P5 creations into React apps. P5 wrapper |
|
Rows n' Columns: A Commercial Spreadsheet Component — It’s not open source and it’s not cheap, but it does have a lot of features and the demo is pretty smooth. Rows n' Columns |
|