Welcome to this week in r/reactjs, where we read you the top stories of the week based on subreddit votes. This podcast is never longer than 10 minutes, so lets get started.
- Everything I write in 2019 will be in TypeScript
This week Typescript and React kind of blew up on Twitter and Reddit. I’m not exactly sure why but this post probably sums up the zeitgeist. The top comment from user
90% of the time it was pretty straightforward and I liked it, I’ve used flow so I knew the basic idea and some stuff to watch for. But I when i got stuck, it was brutal. I’d say the issues I had are the really poor documentation, it reminds me of the Immutable.js one, it’s super abstract and unfriendly. It seems to me, more for existing C# devs than JS ones. Overall I’m not sure TS is “The Answer”, but I definitely feel like it’s on the right lines. Certainly worth learning!
If you’re a compositional kind of shop, DON’T use strict settings. any is ok. Instead, start learning how to use generics to allow the types to COMPOSE THEMSELVES OVER TIME
user TheDarkSwordsman said:
I think TypeScript is great, but I can’t see it actually being used that mainstream yet.
user vinnl said:
I’ve been doing so for the past year, and it’s been great. A lot of projects have added support for TypeScript in that year, often making it a matter of very little to even no configuration. The tipping point has most certainly been reached, and I feel like TypeScript adoption will continue to grow massively for quite a while in 2019 still.
Certainly feels like people are seriously considering Typescript, even if they’re not fully on board yet.
- React Kawaii - Cute React SVG Components from user dance2die
user Kitefr said:
Nice. I’ll install some as Easter Eggs in the application at work. evil laugh
the author also gave a great talk at the recent React Conf https://m.youtube.com/watch?v=1gG8rtm-rq4
- The Elements of UI Engineering
- Entropy (state explosion)
- Priority (over limited resources) - cooperating
- Accessibility by default
- i18n, rtl
- Resilience - what happens when bugs do crash
Abstraction - reusability that hides impl details?
- FBT has been open sourced (framework used for React i18n in Facebook)
Inlined translatable text, Seamless text collection, Integrated translations
user nixblu said:
Looks cool but I am seriously struggling to get my head around how to use it.
People were generally confused, comparing to react-intl, lingui, mozilla’s fluent. As well as
Our second segment is Projects, where we feature cool, open source projects shared by r/reactjs community members.
- Movies app lynks
⚛️Nice Movie demo app featuring:
💅 @mxstbr’s styled-components
Github: https://github.com/22mahmoud/movies-app-lynks …
Live Demo: https://movies-lynks.netlify.com
user Leonardo_Da_PinchMe said:
Really like your extracting all of the Providers into their own function. Makes your App.js render much cleaner.
usage of usePrevious
done by a react beginner
Async data fetching
React router API
plans to add:
Portals and Refs
DefaultProps and PropTypes
user philhagger said:
This is a really great idea. I like the principle of a kata. Repeat a task until you can do it from muscle memory.
And that was this Week in r/Reactjs! Did we miss anything? Come complain in the r/reactjs subreddit chat! See you next week!