Bookmarks (1748)

The 10 Best Angular Tips Selected by The Community — Well, the Angular tips by one person that were liked the most on Twitter, at least :-)

Reviewing The 'Worst Piece of Code Ever' — I don’t think it really is but it’s not great and it’s allegedly in production. Hopefully you will read this for entertainment purposes only.

Setting Up Redux For Use in a Real-World Application — For state management there’s Redux in theory and then there is Redux in practice. This is the tutorial you need to get over the hump from one to the other.

Matching Accented Letters in Regular Expressions — A quick tip for when a range like A-z doesn’t quite work..

3 Common Mistakes When Using Promises — Spoiler: Wrapping everything in a Promise constructor, consecutive vs parallel thens, and executing promises immediately after creation.

WordSafety: Check a Name for Unwanted Meanings in Other Languages — A neat idea. Rather than name your next project something that offends half of a continent, run it through this to pick up any glaring issues.

JSchallenger: Learn JavaScript by Solving Coding Exercises — I like that the home page shows the “most failed” challenges, which can give you an idea of the kind of thing other developers are having trouble with.

react-digraph 7.0: A Library for Creating Directed Graph Editors — Create a directed graph editor without implementing SVG drawing or event handling logic yourself.

Node Modules at 'War': Why CommonJS and ES Modules Can’t Get Along — No, it’s not really a ‘war’, but it’s a worthwhile reflection on the differences between the two module types from the Node perspective.

Let's Debug a Node Application — A brief, high level look at some ways to step beyond the console.log approach, by using Node Inspect, ndb, llnode, or other modules.

1Keys: How I Made a Piano in Only 1KB of JavaScript — A month ago we promoted JS1024, a contest to build the coolest thing possible in just 1024 bytes of JavaScript. It’s well worth looking at all the winners/results, but one winner has put together a fantastic writeup of how he went about the task. If this genius seems familiar, he also did a writeup about implementing a 3D racing game in 2KB of JavaScript recently, and more besides.

Announcing the New TypeScript Website — The official TypeScript site at typescriptlang.org is looking fresh. Learn about the updates here or just go and enjoy it for yourself.

A Roadmap for the Future of Angular — The Angular project now has an official roadmap outlining what they’re looking to bring to future versions of the popular framework.

You May Finally Use JSHint for 'Evil'(!) — JSHint is a long standing tool for detecting errors and problems in JavaScript code (it inspired ESLint). A curious feature of JSHint’s license is that the tool couldn’t be used for “evil” – this has now changed with a switch to the MIT license(!)

How Different Versions of Your Site Can Be 'Running' At The Same Time — You might think that the version of your site or app that’s ‘live’ and in production is the version everyone’s using.. but it’s not necessarily the case and you need to be prepared.

macintosh.js: A Virtual Macintosh Running in Electron — A working (mostly) virtual machine, emulating a 1991 Macintosh Quadra 900 with System 8, all running in Electron.

NSFW-Filter: A Browser Extension That Blocks NSFW Images Locally — Regardless of your stance on the matter, what’s interesting here is that TensorFlow.js is being used to locally screen out ‘NSFW’ images without any data being sent to a third party. How reliable that is remains to be seen.

I Created The Exact Same App in React and Vue And.. — Two years ago, the author built the same app in React and Vue to see the differences between the two. Since then, both have changed, so he’s back with a 2020 edition bringing hooks and Vue 3 into play.

Speculation in JavaScriptCore — A long, technical post about speculative compilation and how it makes a dynamic language like JavaScript a lot faster than it might otherwise be (or was, pre V8!) You’ll need some experience with how compilation works to get much out of this, but if you want to know how modern JavaScript VMs can run JavaScript so quickly, it’s an epic resource.

Next.js 9.5 Released — Vercel CEO Guillermo Rauch is excited about the new release: incremental static regeneration, custom base paths, rewrites and redirects, webpack 5 support, and much more.

tinykeys: A Tiny, Modern Library for Keybindings — Has a reallly simple API and the page includes live use of some specific bindings that you can try out.

Engineering Manager Frontend (f/m/x) — Grow and work with our frontend team in an amazing environment, providing personal educational budget and 30d of vacation.

Natively Formatting JavaScript Dates and Times — Using Date.prototype.toLocaleDateString() and related methods. There's a handy graphic that works as a sort of cheat sheet too.

What The... is 'Composition'? — Dan is back with another entry in his JavaScript glossary digging into the art of bringing numerous things together to make other or bigger things.

Simulating Object Collisions on a Canvas — A gentle post walking through what’s involved creating a basic physics simulation using JavaScript and HTML canvas.

Ink 3: Build JavaScript-Powered CLI Apps with React — If you love the terminal and you love React, you’ll love Ink – it lets you get the same component-based UI approach but at the command line.

moment-guess: A Utility Package for Guessing a Date's Format — Try it right now with npx like so: npx moment-guess --date 'Fri, January 30th 2020, 10:00 AM' – the output is then suitable to use with Moment.js.

Get Rid of BUGS with the BEST JavaScript Code Analyzer – DeepCode — DeepCode is an AI-based Sematic Code Analysis. Scan your code in seconds and get the best coverage on the market - Free.

Release: Generate Changelogs with a Single Command — When run, this command line interface automatically generates a new GitHub Release and populates it with the changes (commits) made since the last release.

Waypoint: A VS Code Extension for Navigating JS Codebases — Makes navigating functions, classes, variables, etc. in your JavaScript codebases easier via fast search, filters, bookmarking, importing, and more. GitHub repo.

Several New Features Promoted to Stage 4 at TC39 — If you’re interested in the future of JavaScript, several features have been promoted to stage 4 which, in TC39 parlance, means they are ‘finished’ and ready for inclusion in the formal ECMAScript standard. They include:

Handsontable: A Mature Data Grid That Feels Like a Spreadsheet — Somehow it’s been six years since we linked this last, but it’s still being updated and works with Vue, React, and Angular too. The only downside is it’s dual licensed, so it’s only free for evaluation or non-commercial use. GitHub repo.

🎸 React Guitar: A Flexible 'Guitar Neck' Component for React — You’d use this to render things like chord positions, say. But, even better, you can ‘play’ it too 😁

Perfect Arrows: A Minimal Way to Draw 'Perfect' Arrows Between Points and Shapes — Here’s a live demo.

A Mental Model to Think in TypeScript — If you’re new to TypeScript and struggling with how to ‘think more in types.’

How to Create a Dynamic Rick and Morty Wiki Web App with Next.js — A good tutorial for getting started with Next.js and deploying to Vercel by building a fun wiki site.

▶  New Course: Build JavaScript Applications with Node.js — Microsoft has released a video course covering Node from the very start through to setting up a project, debugging, using VS Code, and building an Express-based API.

A Deep Dive Into V8 — Dive into V8's internal functioning, compilation and garbage collection processes, single-threaded nature, and more.

A Gentle Introduction to Webpack — No violence here, just why webpack exists, what problems it solves, and how to use it. Tyler has a good reputation as a teacher in the JavaScript space, so enjoy.

The Official Redux Essentials Tutorial.. Redux — A redevelopment of the basic Redux introduction that focuses on teaching you how to use the popular state container the right way with best practices. It’s practicality first and then digs into ‘how it works’ later on.

Senior Front-End Systems Architect (Remote, Western Hemisphere) — Got experience architecting and implementing front-end systems? Join us (in this fully remote role) and help us define best-in-class experience managers, site generators, UI and conversation frameworks.

What The Heck Is.. Memoization? — Dan Abramov is back tackling the topic of memoization – when you can optimize a function by caching results that are ‘expensive’ (in terms of time or memory) to calculate numerous times.