FullStack Bulletin

Subscribe
Archives
December 20, 2021

🎅 #51: 5 Developer Mistakes to Avoid

TAMAGUI - React design system, TypeScript 4.5, Building a pixel art CSS generator, GitHub automations, Pico.css, Coding font tournament

Fullstack bulletin:
5 Developer Mistakes to Avoid
View this email in your browser
alt_text
"Computers are like Old Testament gods; lots of rules and no mercy"
—  Joseph Campbell, Writer
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Introducing Svelte, and Comparing Svelte with React and Vue

5 Developer Mistakes to Avoid


With the new year around the corner, it's a great time to reflect on our careers and figure out what can we do to improve. We love this article because it brings a very human and collaborative perspective on the topic. Do you need a teaser? What about mistake #1 "Putting code before people"? And there are other 4 gems like this one...

Read article
Get started with validation in Node.js

TAMAGUI - React design system


A lovely design system for both the web and React Native. There is not shortage of options in this space, so why do we like TAMAGUI? Well, first of all for the lovely logo, but more seriously, it's very focused on performance, it gives you some nice primitives without making strong design decisions for you and, finally, it supports theming out of the box!

Read article
A Visual Guide to React Rendering - Refs

What’s new in TypeScript 4.5


TypeScript 4.5 was recently released and it comes with some interesting new features: the new Awaited type (pun intended), possibility to replace built-in types using libraries in node_modules, template strings as discriminants and much more.

Read article
Various ways to include comments on your static site

Building a pixel art CSS generator


Did you know you can use CSS to create pixel art? It's a bit tricky though, so why not creating a visual editor using HTML and JavaScript? Yes, this article will guide you exactly through this idea... and there is already a pixel editor already available if you just want to play with that!

Read article
Open Props: sub-atomic styles

Automations you can run on GitHub


You can use GitHub workflows to automate a lot of tedious tasks that can help you to make sure your code is always reaching great standards. For example, avoid security vulnerabilities, make sure all your buttons work, be notified if your website is running slow after a change, or even automating writing release notes.


Read article

Pico.css


Another interesting entry in the field of CSS and styling. Pico.css is a new minimal CSS framework for semantic HTML. This means that you can get a pretty nicely styled page without having to write a line of css or use special classes. But if you want to go a bit further, Pico.css also gives you classes and other utilities (including themes!) to be able to customise your style.


Read article

Coding font tournament


"Hey what's this cool coding font you are using?" How many times did you hear (or ask) this question? 😅

Ok, let's come up with our own favourite coding font! How? Through a tournament, of course! Play a game of eliminating competing coding fonts, until your unique favourite will emerge victorious! ⚔️

Read Article
 

Book of the week

book cover
Web Development with Node and Express: Leveraging the JavaScript Stack
by Ethan Brown

Learn how to build dynamic web applications with Express, a key component of the Node/JavaScript development stack. In this hands-on guide, author Ethan Brown teaches you the fundamentals through the development of a fictional application that exposes a public website and a RESTful API. You’ll also learn web architecture best practices to help you build single-page, multi-page, and hybrid web apps with Express.
Buy on Amazon.com Buy on Amazon.co.uk
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Remember to share if you enjoyed this issue!

See you next week

56a252501ea7d706ef189cbf6451d23a?s=100 — Andrea e18d2c2510d828bc95bde6817e6e9ce2?s=100 — Luciano
color-link-48.png fullstackbulletin.com
color-twitter-48.png @fstackbulletin
Copyright © 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.



Our mailing address is:
*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*

Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

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