|
|
|
|
Facebook Engineering Blog - React Native: A year in review
"After just one year in the open source community, React Native has changed the way developers build on every major platform."
Everyone who reads this newsletter should check out this great recap by @mkonicek. React Native as a project and as a community has come a long way in this last year and surely its best times are still to come :)
|
Introducing Hot Reloading (Blog post)
Martin Bigio, aka Dan Abramov (jk they are totally different human beings) was the main dude behind implementing hot reloading for React Native. In this blog post, the inaugural post in the "official" React Native blog, he explains how it works. So sit down and be prepared to read it a couple of times, you'll be better off for it.
|
|
React Native on the Universal Windows Platform!
Most of you have probably already heard the news, but it has to be said again here: a third major platform is now available for React Native! Apps built for the Universal Windows Platform can target Windows 10 desktop, mobile, Xbox, and even HoloLens (the augmented reality headset with a devkit available for $3,000). Some incredible work by folks at Microsoft to get this done in ~3 months. Currently it's still a fork, but the plan is to, sooner rather than later, merge it into upstream. You can check the repo out, and the UWP version of the F8 app, at github.com/ReactWindows.
|
Samsung Committed to Bringing React Native to Tizen
Mobile, wearable, in-vehicle infotainment (is that actually a word? oh my..), Tizen is the open source "OS of Everything" from Samsung. No code is available yet but they have publicly committed to bringing React Native to the platform!
|
|
reactjs/react-basic
"A description of the conceptual model of React without implementation burden."
|
|
facebook/react-native-fbsdk
"Based on our native sdk, React Native FBSDK provides core Facebook features like Login, Sharing, App Analytics and Graph API. Besides the existing support for React Native iOS, the sdk now supports both platforms via a unified Javascript component." - Wendy Deng
|
|
Curbit (New app)
"With Curbit you can find treasures around you, and share stuff on the curb." - it's like craigslist, but for free stuff, and you don't have to awkwardly talk to anybody. What better use of the internet and technology than to get stuff and avoid human contact? In all seriousness though it's a nice app and love the idea, from @deanmcpherson of Townske.
|
Reflecting on React Native Android (Blog post)
"[At the end of March] we launched the Android Tasker app written in React Native... I'm going to write here about the experience we had throughout the development of the app and provide some insights about the challenges we faced in comparison to iOS."
|
|
React Rally CFP closes April 28th
"A community React conference August 25 - 26 2016 in Salt Lake City, UT" -- I had a great time there last year, Salt Lake City is full of friendly people, and in late August there are also friendly React people. Organized by everyone's favorite beard, Matt Zabriskie, and internet comedian and React Conf speaker alumnus Jamison Dance. What could possibly go wrong?
|
|
Makeitopen.com - Open Source Learning
"This is a series of tutorials designed to introduce React Native and its Open Source ecosystem in plain English, written alongside the building of the F8 2016 app for Android and iOS." - fantastic documentation and exemplary (har har) app!
|
|
Highlights from facebook/react-native
|
|
Cleanup and open source WindowedListView
"WindowedListView is designed for memory efficient scrolling of huge/infinite lists of variable height rows. It works by measuring row heights with onLayout and caching the results, then unmounting rows that scroll offscreen, replacing them with an equivalent offset in the spacer view. Care is taken to render a constant number of rows, and to only render one new row per tick to improve framerate and app responsiveness. WLV is also compatible with <Incremental> used within the rows themselves." via @sahrens of course
|
Add support for delete animation in LayoutAnimation on iOS
"This adds support for delete view animations in LayoutAnimation for iOS. It supports the same properties as the create animation (alpha, scale)." -- this would be a very welcome feature, hoping it lands soon so @janicduplessis can move ahead with the Android implementation as well :) @janicduplessis has been killing it in the past few months, if you know him in person you should give him a high-five or buy him a juice or something!
|
|
Touch Target Visualization for Debugging available in inspector on master!
"Properly dimensioned touch targets are critical for high-quality apps, and now there is an easy to way visualize the touch targets in any React Native app.
Different types of touchables have different colors associated with them, so you can get a sense of consistency. <Text> that uses the onPress handler directly will be colored magenta. If you see a touch target that is too small, fire up the Inspector and quickly see exactly which component needs tweaking.
If anyone wants to volunteer to write up some official docs for the website, a PR would be much appreciated!" via @sahrens
|
|
Highlights from the community
|
|
Thomas101/react-native-fence-html
"A react native component that renders HTML as native views. Incredibly useful for rendering user inputted text from wysiwyg editors"
|
|
magicismight/react-native-art-svg
Now known as "react-native-svg" on npm as I have handed the npm package over to @magicismight because his package is much better than the former "react-native-svg" -- now "react-native-svgkit" ever was.
"react-native-svg is built to provide a SVG interface to react native on both iOS and Android" -- it is built on top of ReactNativeART, very cool!
|
skellock/reactotron
"Control, monitor, and instrument your React Native apps from the comfort of your TTY."
|
|
react-native-shimmer
"Simple shimmering effect for any view in React Native" -- built on top of Facebook's shimmer library. Currently react-native-shimmer only runs on iOS but shimmer is also available on Android so why not submit a patch?
|
|
Friends of the newsletter
|
|
Exponent
With Exponent you can create a new React Native project in one click and deploy it with a second click, making it available to anyone else who has the Exponent app (available on the App Store and Play Store). On Android, each of the apps opens in a new activity in the multi-tasker and can be saved to the home screen, like any other app. Over the next few months we will be rolling out other exciting features like dead-simple push notifications and support for popular native modules.
|
Appetize.io
Not only do they provide simulators for React Native Playground but now also throughout the React Native docs! They have supported the community since very early on. Check them out if you have any need for an in-browser simulator for iOS or Android! Go and upload an app, the first 100 minutes of simulator use are free!
|
|
|
That's it for now! Ping me on Twitter @notbrent if you have anything that you would like me to share next week.
If you're reading
this on the web, you can subscribe to
get this delivered weekly to your email here!
|
|
|