🔧 React is (becoming) a Full-Stack Framework
React, with its addition of Server Components and Server Actions, is evolving into a full-stack framework. Once the most popular frontend framework, it has now successfully bridged the gap between frontend and backend to reign over both sides of the chasm.
React, with its addition of Server Components and Server Actions, is evolving into a full-stack framework. Once the most popular frontend framework, it has now successfully bridged the gap between frontend and backend to reign over both sides of the chasm.
❤12🔥7👍3
10 TypeScript Tips and Tricks for Advanced Developers
For a beginner, TypeScript can be overwhelming at times. However, with the right tips and techniques, you can harness the power of TypeScript to write safer, more reliable code. In this article, I share 10 TypeScript Tips to help you improve your development workflow and improve your understanding of the language.
For a beginner, TypeScript can be overwhelming at times. However, with the right tips and techniques, you can harness the power of TypeScript to write safer, more reliable code. In this article, I share 10 TypeScript Tips to help you improve your development workflow and improve your understanding of the language.
👍6❤2
5 CSS snippets every front-end developer should know in 2024
I believe every front-end developer should know :has() is more than a "parent selector", the how and why of a subgrid, how to nest with built-in CSS syntax, how to let the browser balance headline text wrapping, and how use container query units.
I believe every front-end developer should know :has() is more than a "parent selector", the how and why of a subgrid, how to nest with built-in CSS syntax, how to let the browser balance headline text wrapping, and how use container query units.
❤7👍3
🛢 New JavaScript Set methods
🔸intersection() returns a new set with elements in both this set and the given set.
🔸union() returns a new set with all elements in this set and the given set.
🔸difference() returns a new set with elements in this set but not in the given set.
🔸symmetricDifference() returns a new set with elements in either set, but not in both.
🔸isSubsetOf() returns a boolean indicating if all elements of a set are in a specific set.
🔸isSupersetOf() returns a boolean indicating if all elements of a set are in a specific set.
🔸isDisjointFrom() returns a boolean indicating if this set has no elements in common with a specific set.
🔸intersection() returns a new set with elements in both this set and the given set.
🔸union() returns a new set with all elements in this set and the given set.
🔸difference() returns a new set with elements in this set but not in the given set.
🔸symmetricDifference() returns a new set with elements in either set, but not in both.
🔸isSubsetOf() returns a boolean indicating if all elements of a set are in a specific set.
🔸isSupersetOf() returns a boolean indicating if all elements of a set are in a specific set.
🔸isDisjointFrom() returns a boolean indicating if this set has no elements in common with a specific set.
❤9🔥5👍2
ES13 CheatSheet - 6 Modern JS Features (w/ examples)
❤5👍5🔥2
🥷 How to Validate Forms in React and React Native Using Yup and Formik
Validation is a key part of development, regardless of what programming language you’re writing. Developers should always be validating user input, API parameters, and retrieved values.
One of the most common elements where you’ll need to apply user input validation is via a form. This could be a user sign up form, a contact us form, or a simple questionnaire....
Validation is a key part of development, regardless of what programming language you’re writing. Developers should always be validating user input, API parameters, and retrieved values.
One of the most common elements where you’ll need to apply user input validation is via a form. This could be a user sign up form, a contact us form, or a simple questionnaire....
👍6❤5