#03: Cheating at React? Forget SASS/LESS, Prisma Pagination, Million, ArkType
Nesting coming to CSS, the ultimate Typescript + React cheatsheet, prisma pagination extension that no-one asked for and everybody loves, Million and ArkType validator!
Welcome to the third edition of the ByteBullet newsletter! We're back with another exciting lineup of topics that will pique your interest and keep you at the forefront of the latest developments.
In this edition, we'll be covering the following captivating subjects:
React TypeScript Cheatsheet - your companion for mastering React with TypeScript
CSS Nesting - finally coming to native css!
Prisma Pagination Extension - community driven extension that makes pagination in Prisma 100 times easier 🔥
React Million - 70% faster react?
ArkType - javascript runtime validation library that can infer TypeScript definitions 1:1
Before we delve into these exciting topics, don't forget to join the conversation on Twitter at @ByteBulletDev. Follow us for intriguing updates, engaging discussions on TypeScript and React, and much more. Feel free to drop us a message and be a part of our growing community!
React TypeScript Cheatsheet
Ever for get how to use useRef and forwardRef? Do that no more! This simple yet comprehensive cheatsheet will be your go to source for the things you do not use that often. It can be found here.
Is SASS/LESS’s Time Over?
Native CSS nesting is a long debated feature (more on it here) which has been talked about even more recently. But will it replace the beloved preprocessors which we are used to?
Nesting in CSS preprocessors is one of the main features which help developers make readable and maintainable code. We must not forget that nesting is not the only feature CSS preprocessors bring us. Notable preprocessor features: functions, maps, mixins, ….
Bringing nesting in to native CSS is extremely useful, but it is still not fully supported. We will have to wait a little bit more to be able to fully utilize this over CSS preprocessors (caniuse.com/css-nesting)
Prisma Pagination Extension
Prisma extensions are handy pieces of code which can be imported into prisma and used to simplify/shorten certain tasks for the end developer. Pagination is a known pain point for developers and thus this handy pagination extensions was made by the community.
It supports page number pagination and also cursor based pagination. It returns the need information by default (offset, nextPage, etc..). Basically it handles the most of the unwanted developer burden regarding pagination.
Million
I believe most of you have heard about million, the library that makes React 70% faster. I still want to share it with you as I think there might still a few people that might not know about it and could find it useful. I recommend either going to their homepage or this video from fireship.
ArkType
And to end this weeks edition on a weird note: ArkType, the JS runtime validation no-one asked for, but we still got it. This is a continuation of edition #01 on validation where we mention Typia, the runtime validation that can compile TypeScript types and use it at runtime. If you have missed it check it out!
ArkType is a run time JS validator which can 1:1 infer TypeScript types and reuse them as highly optimized validation. It has its own extended version of validation rules, that can be applied to types. As always, code is more descriptive than words!
Do you know any other notable library!
And that is a wrap for this weeks edition! If you know any other library, notable mention or want to just chat about TypeScript and React, then do not hesitate and hit me up @ByteBulletDev, at [email protected] or here in comments!