🗞️NextJS 9.1.7, SWR: React Hook, EdgeDB, Fauna, 24 A11y, Variable Fonts, CSS Shake, Cluster Maps

AJ's Week In Web Links

Australia Crisis Map

https://google.org/crisismap/australia

NextJS 9.1.7

https://nextjs.org/blog/next-9-1-7#react-strict-mode-compliance-and-opt-in

• 3% – 8%+ Smaller Client-Side JavaScript Size: We've optimized application output even futher, shaving 7.5kB off hello world applications. More complex applications will show a savings up to 8% or more.
• Redesigned Production Build CLI Output: The production build output now shows gzipped file sizes in an easier to understand format.
• New Built-In Polyfills: fetch(), URL, and Object.assign: Applications can leverage the fetch() API, URL, and Object.assign in legacy browsers without compatibility concerns.
• Optimized Page Loading: Better FCP and TTI: We've collaborated closely with the Google Chrome team to maximize page loading performance. This results in a much better end-user experience.
• Support for the Latest JavaScript Features: We're committed to ensuring you can always use the latest JavaScript features, including Optional Chaining, Nullish Coalescing, and other stable ES2020 features.
• Zero-Config Deployment Support for next export Applications: next export powered applications can now be deployed to ZEIT Now with zero configuration.
• React Strict Mode Compliance and Opt-In: All of Next.js' client-side runtime is now compatible with React's Strict Mode. We've also added a configuration option to enable this mode for your whole application.
• Automated Testing against Nightly React Builds: Next.js is automatically tested against React's next channel, ensuring compatibility with future releases.

SWR: React Hook

https://swr.now.sh/

React Hooks for Remote Data Fetching

EdgeDB

https://edgedb.com/

EdgeDB combines the simplicity of a NoSQL database with relational model’s powerful querying, strictness, consistency, and performance.

Fauna

https://fauna.com/

The database built for serverless, featuring native GraphQL

Add a full-featured global datastore to your apps in minutes. Access effortlessly from the browser and from mobile. Never again worry about data correctness, capacity, redundancy, latency, and availability.

24 Accessibility

http://www.24a11y.com/

24 days of digital accessibility gifts during the season of giving and sharing

Variable Fonts

https://variablefonts.dev/about/

This project was created by Mandy Michael to showcase the many possibilities and opportunities that variable fonts can offer developers and designers on the web. The aim is to provide developers with the resources and tools needed to use variable fonts in their own projects.

Variable fonts give us more control over our Typography-we can fine-tune the font characteristics to maximise the legibility, readability and overall accessibility of our website text. This is a level of control over our fonts that is unprecedented.

Technology, like CSS is always improving, we now have more opportunities than ever to combine, create and present content on the web in more creative, more meaningful and more purposeful ways - and do so in a way that is more performant and more accessible.

There has never been a better time to be a developer or designer for the web and variable fonts are just one opportunity to think more creatively for our users.

At the very least, we can improve the performance of our websites, but at it’s best, we can make more usable, more accessible, and more meaningful content - and that, is what gets me really excited about the future of web typography and I hope it inspires you to feel the same way!

• https://variablefonts.dev/about/

CSS Shake

http://elrumordelaluz.github.io/csshake/

Some CSS classes to move your DOM!

Cluster Maps

https://cloud.google.com/blog/products/maps-platform/how-cluster-map-markers