Twitter | Search | |
ReactJS Sydney
Sydney's React.js Meetup. Hosted by and
423
Tweets
33
Following
2,243
Followers
Tweets
ReactJS Sydney Apr 16
Replying to @Domaincomau
♥️ to our wonderful hosts for the past couple of years. Lots of great times, and a wonderful team of people who went above and beyond every month 👏
Reply Retweet Like
ReactJS Sydney Apr 16
Replying to @reactsydney
The first event we'll need a venue for is Monday, June 3rd @ 6pm DM or 📧 hi+reactsydney@jes.st
Reply Retweet Like
ReactJS Sydney Apr 16
Replying to @reactsydney
Our venue wishlist: 💺 Up to 150 seats ♿ Accessible access 🏙️ Easy access from CBD (🚶 or 🚉) 🎤 Screen+Projector+Mic 🍺 Can bring in external food & drink (incl alcohol) - our other sponsors supply these 📆 1st Monday of every month, 6-9pm ♥️ DM or 📧 hi+reactsydney@jes.st
Reply Retweet Like
ReactJS Sydney Apr 16
Hey Sydney 👋 We're looking for a new permanent venue! 🔍🏠 We can offer: ☑️ Branding in monthly emails to >4,000 local React devs ☑️ Pitch to the >120pax audience every month ☑️ Perm branding on event/group pages on Meetup & DM or 📧 hi+reactsydney@jes.st thread...
Reply Retweet Like
ReactJS Sydney Apr 10
Replying to @reactsydney
Reply Retweet Like
ReactJS Sydney Apr 9
🎥 New Video Uploaded 🎉 🎣 Deep Sea Fishing with React Hooks by > A deep dive into the abilities and limitations of React Hooks & Alex's experience migrating a complex Class-based codebase to Hooks
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
`extract-react-types` even has a REPL 😍
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
Check out `extract-react-types` now!
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @Noviny
After parsing the JS AST, the end result is a structured set of data... Wait, that's just another AST! Now can check that 2nd AST to make sure the type info is able to be rendered correctly! And _then_, that same AST can be passed to `pretty-proptypes` for rendering!
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @Noviny
Supporting Flow was tricky, but got there. *Suddenly a new contender appears! Typescript!* Thankfully, it turns out that once the AST is parsed, adding Typescript support wasn't too difficult 👍
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
🤔 Don't forget default props! The type info is great, but without the defaults, the user doesn't have all the info they'll need.
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @Noviny
First stop on build-your-own-react-doc-generator-lib: Use babel to parse the code into an AST, then analyse that. But wait! There are a _couple hundred_ different types in the Babel AST! Instead, saved months of effort by only adding the types he was currently using
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
Taking a step back, what are we trying to do? We want to extract all the information caught up in this code into an easily readable table: ``` export type ButtonProps = { /** The base styling to apply to the button. */ appearance?: ButtonAppearances; } ```
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
Need (only) Typescript support? `react-docgen-typescript` is your tool! It'll give you a table of props as output.
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
`react-docgen` is one way to pull the props out of your components for documentation with first-class support for the `prop-types` lib. Caveats: Flow support is only new, no Typescript support, and doesn't handle cross-file type imports.
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
You're probably already documenting your props and don't realise it 🎉 Using flow? You're writing docs! Using the `prop-types` lib? Those are docs! They just need to be pulled out.
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @reactsydney
📝 Why you should document your components · Ease re-use of code · Future work is sped up · The person it's helping can easily be you! · Explaining it helps you write it better
Reply Retweet Like
ReactJS Sydney Apr 1
Let's talk docs with 📝 Why you should document your components ✨ What a delight this can be 🛠 Some tools to help you out
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @alexandereardon
See all of 's class -> hooks refactor here:
Reply Retweet Like
ReactJS Sydney Apr 1
Replying to @alexandereardon
🎁 Reducing bundle size is a big motivator for using hooks. Buuuut, `react-beautiful-dnd` ended up 2% _bigger_! 's theory: Probably because Classes are still necessary for some use-cases (), and gzipping used to compress better.
Reply Retweet Like