FullStack Bulletin

Subscribe
Archives
November 6, 2023

🤓 #345: System Design Primer: Design large-scale systems

Next.js Handling 5000 Pages, Announcing WinterJS, Use PHP code right within your React App, Yarn 4, Flappy Bird in TS types, WebAuthn

View this email in your browser

Logo

Howdy, *|LIST:NAME|*

... and welcome back for issue #345!
Last week has been quite intense for me! We had the great pleasure of interviewing Jeremy Daly about all things serverless at AWS Bites, I have been working on a new open-source project implementing a custom OIDC authorizer for API Gateway (please give me a star on GitHub), and I even wrote a article about what I learned debugging custom APIGateway authorizers.
This week I will have a lot of FOMO for missing the awesome NodeConfEU (probably the coolest Node.js conf in Europe), but let me console myself with some cool FullStack content, which, hopefully, you'll find interesting too!
Without further ado, let's get into it!

“Beware of bugs in the above code; I have only proved it correct, not tried it“

— Donald Knuth , Computer Scientist

GitHub - donnemartin/system-design-primer: Learn how to design large-scale systems. Prep for the system design interview.  Includes Anki flashcards.

System Design Primer: Design large-scale systems —  A fantastic GitHub repository that collects a huge amount of resources that can teach you how to design large-scale systems. This is something that can be extremely useful if you are looking for your next step in your FullStack career and you want to move to more architecture-oriented roles, or simply if you want to give more breadth to your engineering views and learn what it takes to build scalable systems. View Repository

Can Next.js Handle 5000 Pages? — If you are a fan of Next.js you might enjoy this tutorial showing you how you can build a Next.js website with 5000 different pages and how to host that on AWS. In the process, you will also learn whether Next.js can scale to these numbers and why... I am not going to give you any spoilers, you'll have to go and read the article to find out 😛 Read article

Announcing WinterJS  —  Who needs another JavaScript runtime? NOBODY! Oh wait, this one promises compatibility with the WinterCG specification, and it can be compiled into WebAssembly... so it's actually quite interesting! And I didn't even say that it uses SpiderMonkey and that it is written in Rust! OK, go check it out and see what you can build with it... Read article

Use PHP code right within your React App. With "use php" —  Have you ever wanted to use PHP code right into your React components? NO! WHY NOT?! Come on! Okay, this is a bit of a prank project, but the crazy thing is that it actually works. Not kidding, you can really use PHP in your React components thanks to React server components' black magic! If you think this is crazy, you haven't seen the implementation for C and Rust yet ... View Repository

Release: Yarn 4.0 —  After more than a year of work the Yarn team releases a stable version of the 4.x release line! This version comes with some interesting features. Perhaps the most interesting is the constraint engine (written in a JavaScript Prolog!) which lets you define arbitrary rules for your workspaces. For instance, you could say that all projects in the workspace need to use the same version of a specific dependency. But that's not the only reason why you should consider upgrading if you use Yarn... Another good reason is that v4 is significantly faster than the previous versions... Read article

Flappy Bird Implemented in Typescript types — TypeScript annotations are known to be quite powerful. In fact, they are a Turing-complete language, which means that you can technically build anything you want with them (it's not necessarily easy, but you still can!)... Now this brings people to do all sorts of crazy experiments, like building a fully-fledged Flappy Bird game just with TypeScript types... Before reading this article you couldn't even fathom how this would be possible, but now I can and maybe that's going to be useful to me, one day... Read article

WebAuthn.wtf —  WebAuthn (short for Web Authentication) is an API specification that enables applications to use strong and secure authentication methods for user registration and login. It provides a way for end users to authenticate themselves using hardware- or software-based authenticators, such as USB security keys or secure hardware elements integrated with a laptop or mobile device, instead of relying solely on passwords. This is probably going to be the future of authentication on the web, and this website does a great job at teaching you everything you need to know about the standard and how you can integrate it today into your apps. Read article

You Don't Know JS: ES6 & Beyond

by Kyle Simpson

You Don't Know JS: ES6 & Beyond

As part of the "You Don’t Know JS" series, this compact guide focuses on new features available in ECMAScript 6 (ES6), the latest version of the standard upon which JavaScript is built. Learn new ES6 syntax that eases the pain points of common programming idioms. Organize code with iterators, generators, modules, and classes. Express async flow control with Promises combined with generators. Use collections to work more efficiently with data in structured waysLeverage new API helpers, including Array, Object, Math, Number, and String. Extend your program’s capabilities through meta programming.

Buy on Amazon.com
Buy on Amazon.co.uk

Pal, check this out! 👇

  • Goodbye, Node.js Buffer
  • Test Assertion Styles in JavaScript
  • How the Wikimedia Foundation Balances Security and Open Information in Web Development
  • Speeding up the JavaScript ecosystem - Tailwind CSS
  • Building a Generic RSS Parser Service with Cloudflare Workers
  • browser-window Web Component
  • Confusing git terminology
  • Getting Ampt with Jeremy Daly
  • Debugging custom ApiGateway authorizers
  • The Complete Guide to Custom Authorizers with AWS Lambda and API Gateway

👋 That’s all for this week. See you next Monday!

Greetings from your full stack friends Luciano & Andrea

🙌 Support us

If you enjoy FullStack Bulletin, consider sharing this newsletter with your friends and colleagues.


If there's something we can improve, let us know!


You can also sponsor the next issue!

Website iconTwitter iconInstagram icon

Copyright (C) 2024 FullStack Bulletin. All rights reserved.
*|IFNOT:ARCHIVE_PAGE|*

FullStack Bulletin is a FREE weekly curated newsletter for ambitious full stack developers. We sift the internet for builders, covering frontend, backend, databases, DevOps, and architecture to find what truly matters. Expect practical picks, clear takeaways, and fresh ideas that cut the noise, sharpen your skills, and fuel your creativity so you can put them to work right away.

*|END:IF|*

Our mailing address is:
*|IFNOT:ARCHIVE_PAGE|**|HTML:LIST_ADDRESS|**|END:IF|*

Want to change how you receive these emails?

You can update your preferences or unsubscribe

Don't miss what's next. Subscribe to FullStack Bulletin:
Powered by Buttondown, the easiest way to start and grow your newsletter.