Web Tools #459 - JS Utilities, Build Tools, React
source link: https://mailchi.mp/webtoolsweekly/web-tools-459
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
JS Utilities, Build Tools, React
|
Issue #459 • May 5, 2022
Advertisement
|
|
In last week's issue, I briefly covered async/await and how this relatively new ECMAScript feature has drastically improved how we write asynchronous JavaScript. The video is only about 10 minutes long so you should definitely check it out but here's a quick summary of the main points:
Of course, in a 10-minute video, you won't get all the details on the topics covered but you can easily do some searching on some specific keywords if you want to delve further into any of them.
As mentioned, the UI.dev channel is great and they've done a few other "story of..." videos that you might also enjoy covering React, Next.js, and TypeScript. Now on to this week's tools! |
|
JavaScript UtilitiesStepsize – Issue Tracking Made for Engineers
A JavaScript utility for converting and detecting character encodings that support Japanese character encodings such as Shift_JIS, EUC-JP, JIS, and Unicode such as UTF-8 and UTF-16.
|
Build Tools, Bundlers, etc.Learn How You Can Build Fintech Applications Faster With Lower Maintenance CostsDownload Sencha free guide to learn how to build applications faster, with lower maintenance costs, using charts and dashboards. Make better decisions by building and deploying sophisticated-looking, elegant, and enterprise fintech apps. SPONSORED Chrome Extension CLI A CLI build tool to create Chrome extensions and then prepare them for uploading to the Chrome Web Store. projen A package that synthesizes project configuration files such as package.json, tsconfig.json, .gitignore, GitHub Workflows, ESLint, Jest, etc., from a well-typed definition written in JavaScript. dnt Still in early development. A Deno to npm package build tool. unimported Find and fix dangling files and unused dependencies in your JavaScript projects. Reactirator A desktop application built with Electron to create and manage React applications easily.
A zero-runtime-dependency Node.js script that acts as a bridge between Node.js projects and the package managers they are intended to be used with during development (i.e. lets you use Yarn and pnpm without installing those tools).
|
React ToolsLearn How You Can Build Fintech Applications Faster With Lower Maintenance CostsDownload Sencha free guide to learn how to build applications faster, with lower maintenance costs, using charts and dashboards. Make better decisions by building and deploying sophisticated-looking, elegant, and enterprise fintech apps. SPONSORED react-form-stepper A simple React stepper component for multi-step forms inspired by the Stepper component from Material-UI. React Textarea Code Editor A simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code. rc-collapse Collapsible accordion component for React with various API settings to customize the features. React-Truncate-Text React component to truncate multi-line text that can be shown/hidden by the user as needed. wagmi A collection of React Hooks containing everything you need to start working with Ethereum, the popular cryptocurrency tech.
React component built with hooks to help you handle when the user clicks away from a UI element (e.g. a menu that needs to close).
|
Commercial Tools and ClassifiedsThese are affiliate links, paid classifieds, and curated commercial apps (i.e. not free, not open source, limited free plan, etc).Sturdy – A low overhead version control platform for code collaboration. Virtual Terms – Online service to get your NDAs signed in minutes. vscode.email – Newsletter with tools/articles on VS Code & other IDEs. AD Octane – A drop-in metered billing system for SaaS apps. Bytes – A JavaScript newsletter that's informative and entertaining. AD Zipy.ai – Debug instantly with session playback and monitoring in one. Abralytics – Faster, better, and privacy-first web page analytics. |
A Tweet for ThoughtStop-motion animator Kevin Parry recreated the Netflix intro with $30 worth of yarn. He realized that he could, but didn't stop to consider if he should. But it is pretty cool.
Send Me Your Tools!Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email. Before I Go...Scan of the Month shows you CT scans of various common items (food packaging, Game Boys, AirPods, etc), essentially 'peeling back the skin' of these household items to see how they're built. Keep tooling, Support this newsletter: |
Copyright © 2022 Web Tools Weekly, All rights reserved. Curious about this email? Well, at some point you subscribed, likely at webtoolsweekly.com Web Tools Weekly 5576 Yonge Street PO Box 10044 North York, ON M2N 5S0 Canada unsubscribe from this list |
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK