Remixing a brand new method to construct full-stack JavaScript apps

#​566 — November 26, 2021

Unsubscribe  |  Learn on the Net

JavaScript Weekly

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.

Remix Workforce

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).

Vercel

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.

Sosuke Suzuki

IN BRIEF:

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.

RELEASES:

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

💻 Jobs

Senior JavaScript Developer (Fullstack) — We’re searching for a senior full-stack developer to assist us construct a excessive efficiency, excessive accuracy on-line fraud prevention service.

FingerprintJS

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.

Sippd

Discover JavaScript Jobs with Employed — Create a profile on Employed to attach with hiring managers at rising startups and Fortune 500 corporations. It is free for job-seekers.

Employed

📖 Tutorials, Opinions & Tales

The Surprising Return of JS for Automation on macOS — A very long time Mac skilled displays on what JavaScript affords of us who wish to automate macOS versus AppleScript or Python earlier than digging a few of what you possibly can do.

Armin Briegel

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.

Josh Collinsworth

How JavaScript Engines Obtain Nice Efficiency — In the event you’ve ever puzzled what it’s browsers really do to get JavaScript to execute shortly, this put up digs into it a little.

Robin Heggelund Hansen

Notification Methods 2.0: Half 2 – Scale & Reliability

Courier sponsor

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..

Josh Finnie

Helpful React Hooks That You Can Use In Your Initiatives

Ifeanyi Dike (Smashing Journal)

Volta vs. nvm for JavaScript Tooling

Jon Surrell

Why IndexedDB Is Sluggish and What to Use As an alternative

RxDB Documentation

🛠 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.

Netflix, Inc.

Fiddle: The Best Technique to Get Began with Electron — In the event you’ve needed to play with Electron for constructing a JavaScript-powered desktop app however didn’t have the time, Fiddle makes it into extra of a quick-start ‘playground’ expertise.

Electron

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.

Quokka.js sponsor

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’).

Nicolas Gryman

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.

Sindre Sorhus

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.

PickBetterPack

Tried. Examined. Trusted. Studio 3T – Energy Instruments for MongoDB — Intuitive IntelliShell. Generate JavaScript from queries. Reshape knowledge with Reschema. Attempt Studio 3T free for 30 days.

Studio 3T sponsor

use-prosemirror: Use the ProseMirror Editor in React Simply — ProseMirror is a well-liked toolkit for constructing wealthy textual content editors.

Dmitry Minkovsky

Shade 4: A Shade Conversion and Manipulation Library — Immutable shade conversion and manipulation with assist for CSS shade strings.

Qix

React Picture Crop: A Responsive Picture Cropping Software

Dominic Tobias

🎵 Final however not least…

Elementary Grid: A JS + Elementary Powered Music Creator — Try to be the following deadmau5 with this JavaScript powered grid music creator.. or at the very least have a enjoyable 30 seconds. Elementary is a toolkit we coated earlier this yr that presents a brand new method to construct audio software program in JavaScript.

Johan Althoff