Copy
React components that extends native tags
View this email in your browser
alt_text
"I do not fear computers. I fear lack of them"
—  Isaac Asimov, Author and Scientist
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

How to create React UIKIT components in TypeScript that extends native HTML Elements

React components that extends native tags


Have you ever created a Button component in React?! Well, if you have done your tiny share of React, I am sure it did happen! Well, did you ever wanted an easy way to allow your button component to accept all the properties that you could pass to a native <button> component and have those type-checked by TypeScript? If the answer is yes, make sure to read about this neat trick!

Read article
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

CSS Style queries


You may have heard of container queries and the new contain-level-3 spec which is currently in experimental browsers, but have you heard of style container queries, which are also a part of this (very exciting) spec?

Read article
Miriam Eric Suzanne » Body Margin 8px

Body Margin 8px


All browsers add an 8px margin on the body element – it’s part of the w3c-recommended default stylesheet which browsers generally use as a starting point for their own ‘user agent’ styles. But why 8px? Where does that come from?

Read article
The new wave of React state management

The new wave of React state management


Is Redux dead?! Certainly not, but we cannot ignore the new wave of frontend state management libraries! In this article, the author explores modern approaches and patterns that can be found in libraries like Recoil, Jotai, Zustand, Valtio and how others like React tracked and React query fit into the ever evolving landscape.

Read article
CSS complexity: it's complicated - Blog - Project Wallace

CSS complexity: it's complicated


There's lots of places in CSS to have complexity, but we tend to focus on selectors most of the time. Let's have a look at other places too.

Read article
SOC2: The Screenshots Will Continue Until Security Improves

Vite 3.0 is out!


Vite is quickly becoming the frontend tool of reference (and for good reasons, that's for sure!). Last week we saw the announcement of a new polished major release: Vite 3! Check out what's new and why you should make the switch to Vite (if you haven't done that already).

Read article
How to Import SVGs in a React and Vite app

How to Import SVGs in a React and Vite app


Are you having difficulties importing SVGs into your React app? This is a problem that many developers face, especially when setting up a new React app with a module bundler like Vite. In this article, you can learn a few different ways of importing SVGs in React and getting your favourite module bundler to play nice with it!

Read article
 

Book of the week

book cover
Effective Software Testing: A Developer's Guide
by Maurício Aniche

Go beyond unit tests! Great software testing makes the entire development process more efficient, from understanding your code before you write it to catching bugs in tricky corner cases.Effective Software Testing teaches you a systematic approach to software testing. You’ll master easy-to-apply techniques to create strong test suites that are specifically engineered for your code.
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

color-link-48.png fullstackbulletin.com
color-twitter-48.png @fstackbulletin
Copyright © 2022 FullStack Bulletin, All rights reserved.


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

Email Marketing Powered by Mailchimp