Search

Home > Coder Catchup > Episode 159 - React 16.3
Podcast: Coder Catchup
Episode:

Episode 159 - React 16.3
Category: Technology
Duration: 00:06:32
Publish Date: 2018-04-09 16:30:00
Description:

Release Notes: https://reactjs.org/blog/2018/03/29/react-v-16-3.html Changelog: https://github.com/facebook/react/releases/tag/v16.3.0

Context API! No more props drilling! (Passing props through various components) Thanks to createContext function on the React class. Harry Wolff has a great overview video of it https://www.youtube.com/watch?v=9Ilq6G-VMyQ Elijah Manor also has a great overview video https://www.youtube.com/watch?v=WhWqy-vxKS8

Yes, it is a new Context API, but if you use the old Context API, all will be good until React 17

StrictMode Orders you to follow best practices, it basically will give you some warnings in the console. Wrap your components in and you are ready to go.

AsyncMode Any child components of the tag will now make those childrens updates asynchronous, treating them as low priority updates.

Check out https://build-mbfootjxoo.now.sh/ for a working interactive example

Life Cycle Methods Are Changing componentWillMount, componentWillUpdate, componentWillReceiveProps will be deprecated and prepended with UNSAFE_ All Will methods will be deprecated, except for componentWillUnmount Why? Confusion in use cases, performance and to make way for the upcoming Async Mode!

Where to? componentWillMount goes to componentDidMount componentWillUpdate goes to componentDidUpdate componentWillReceiveProps goes to getDerivedStateFromProps (new and shiny method which is a static function)

React.forwardRef forwardRef function from the React Class, takes props and ref parameters. String refs will be deprecated, due to perf issues and others

New React Developer Tools Released Now that there is some new stuff to work with, React Developer Tools has been updated to assist with debugging these new components.

Software
Dropbox (backup and sync software) - https://db.tt/l33vnUkr6L
Dashlane (password storage) - https://www.dashlane.com/en/cs/_FHtTXN3Rkdg

Podcast Gear
Blue Yeti USB Microphone (Silver) - http://amzn.to/2BjKEh9
Blue Yeti USB Microphone (Blackout Edition) - http://amzn.to/2By4byE
Premium 6-inch Pop Filter For Blue Yeti Microphone by Auphonix - http://amzn.to/2DtK2aq

Video Gear
Canon PowerShot G7 X Mark II Digital Camera w/ 1 Inch Sensor and tilt LCD screen - Wi-Fi & NFC Enabled (Black) - http://amzn.to/2Bwd0ZK
Rode smartLav+ Lavalier Microphone for iPhone and Smartphones - http://amzn.to/2Dtt38f
JOBY GorillaPod 3K Kit. Compact Tripod 3K Stand and Ballhead 3K for Compact Mirrorless Cameras or devices up to 3K (6.6lbs). Black/Charcoal. - http://amzn.to/2BOh44L

Computer Gear
Logitech G502 Proteus Core Tunable Gaming Mouse - http://amzn.to/2BYuH3O
Anker PowerCore 10000, One of the Smallest and Lightest 10000mAh External Batteries - http://amzn.to/2CVMohk
Seagate Backup Plus Slim 2TB Portable External Hard Drive - http://amzn.to/2Dr98GL

Recommended Gear
STM Impulse, Backpack for 15-Inch Laptop and Tablet - Black (stm-111-024P-01) - http://amzn.to/2CUxRm3
Bose QuietComfort 35 (Series I) Wireless Headphones, Noise Cancelling - Black (updated and wireless version) - http://amzn.to/2BN3yy0

Other Gear
Kogan - https://www.kogan.com/au/r/TX4FTG/
Total Play: 0