#566 — November 26, 2021
Remix: A Newly Open Sourced React-Based mostly Framework for Net Apps — Remix has been round for over a yr as ‘sponsorware’ however after choosing up a lot of ardent supporters (and $3m of seed funding) the undertaking has now been opened up. Bringing fashionable Net tech, tooling, and server-side rendering ideas collectively, there are some things to take a look at in case you’re eager to study extra:
The undertaking’s official ▶️ 50 second Apple-esque industrial/pitch.
▶️ Kent C Dodd’s multi-hour tutorial walkthrough. Nearly a ‘course’ in scope.
An introduction to constructing a Remix app with Flavio Copes.
A ▶️ seven minute evaluate with Ahmad Awais.
Wish to play? You will get constructing a Remix app immediately because of StackBlitz’s WebContainers at remix.new.
New Course: Introduction to Subsequent.js, The Full-Stack React Framework — Subsequent.js is an entire framework constructed on prime of React.js. You will study server-side rendering, static web site technology, knowledge fetching, code API endpoints, creating pages with the file system, add CSS modules, and extra.
Frontend Masters sponsor
Vercel, Creator of Subsequent.js, Raises $150M — There’s some huge cash in developer tooling recently, it appears, together with for the stewards of the Subsequent.js undertaking which good points a recent competitor, of kinds, this week within the form of Remix (above).
Prettier 2.5 Launched: Now with TypeScript 4.5 and MDX v2 Assist — In the event you’re a TypeScript consumer, this bump to the favored code formatting device will likely be of specific curiosity to you.
Why does npm run an obfuscated file that appears like malware, however is not? It is a birthday associated easter egg.
Not JS particular however AWS has simply made an enormous change to its ‘free tier’ that may save many people low-end customers a number of bucks every month.
Chalk 5.0 – Terminal string styling for Node.js.
ShareDB 2.2 – Realtime database primarily based on operational transformation.
Signature Pad 4.0 – Canvas management for drawing signatures.
node-qrcode 1.5 – Generate QR codes in Node apps.
ESLint 8.3.0 – Versatile code auditing device.
Espree 9.1 – Esprima-compatible JS parser.
React Redux v8 Beta
Senior Cell Developer (React Native/Node) – Distant — Be part of Sippd․com, the Forbes Next1000 startup altering how customers discover and purchase alcohol with AI & laptop imaginative and prescient. We’re searching for a generalist that loves development hacking and taking huge bets.
📖 Tutorials, Opinions & Tales
Introducing Svelte, and Evaluating Svelte with React and Vue — If Svelte isn’t new to you, preserve scrolling. However in case you’re not sure what it’s about, this can be a cheap clarification of why you would possibly use it and the essential expertise.
Robin Heggelund Hansen
Utilizing WebAssembly (Created in Rust) for Quick React Parts — Simply how simple is it to combine Rust into an ordinary React workflow? Josh takes a glance. This will appear an actual assembly of buzzwords, however concepts like this have a manner of turning into the future..
Helpful React Hooks That You Can Use In Your Initiatives
Ifeanyi Dike (Smashing Journal)
Why IndexedDB Is Sluggish and What to Use As an alternative
🛠 Code & Instruments
Polly 5.2: Document, Replay, and Stub HTTP Interactions — Works in each Node and the browser and provides you quite a lot of management over recording, replaying and intercepting HTTP requests made out of your check suites.
Breakpoints and console.log Is the Previous, Time Journey Is the Future — Take a look at your code with out leaving your editor, outcomes show proper subsequent to your code and replace instantly as you kind.
reading-time: Studying Time Estimation for the Net — Feed it some textual content and it’ll offer you some fundamental estimates (e.g. ‘7 min learn’).
file-type: Detect the File Sort of a Buffer, Uint8Array, or ArrayBuffer — For instance, give it the uncooked knowledge from a PNG file, and it’ll inform you it’s a PNG file.
PickBetterPack: Uncover Related Packages from bundle.json Dependencies — Paste a bundle.json and this device will present you a tree-like view with comparable choices for every dependency listed. A combined bag, however an attention-grabbing concept.
Studio 3T sponsor
use-prosemirror: Use the ProseMirror Editor in React Simply — ProseMirror is a well-liked toolkit for constructing wealthy textual content editors.
Shade 4: A Shade Conversion and Manipulation Library — Immutable shade conversion and manipulation with assist for CSS shade strings.
React Picture Crop: A Responsive Picture Cropping Software
🎵 Final however not least…