πΆ LayoutAnimation πΊπ½ - Added Snack Examples - WIP π·π½ββοΈπ#1609
πΆ LayoutAnimation πΊπ½ - Added Snack Examples - WIP π·π½ββοΈπ#1609DaniAkash wants to merge 92 commits intofacebook:masterfrom
Conversation
|
Deploy preview for react-native ready! Built with commit 4d9a622 https://deploy-preview-1609--react-native.netlify.com Changes to Thank you for your contributions. |
The current descriptions of the behavior for 'column' and 'column-reverse' when wrapping is enabled are incorrect. They state that the next line will start to the left of the first line. This PR edits these descriptions to say that the next line will start to the _right_ of the first line.
* Update docs for React Navigation 5 * Update navigation.md tweaks Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
β¦#1493) * deprecation indicator and deprecation notes standardization * update few more pages * update ProgressBarAndroid and ProgressViewIOS
* DatePickerIOS - Added Snack Examples * Update datepickerios.md Added `&supportedPlatforms=ios` config to Snack player and removed platform checking code * removed unused import statements Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
β¦1606) * Added Snack example for KeyboardAvoidingView * Update keyboardavoidingview.md PRettifying the code Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
β¦ebook#1539) * started doc addMenuItem * added API reference DevSettings * Update DevSettings API reference * Update docs/devsettings.md Co-Authored-By: Ricky <rickhanlonii@gmail.com> Co-authored-by: Ricky <rickhanlonii@gmail.com>
* update TouchableOpacity Snack example * Update touchableopacity.md Ensuring that the old class example is still there. Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
* docs: add deprecation notice for clipboard * chore: add emoji to clipboard title
Most of this was taken from here facebook/react-native#25407
β¦ebook#1590) * added snackplayer/functional component with hooks * update docs * restore changes * PR updates * Update activityindicator.md Prettifying the code Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
* Update Button code snippet * Update button.md Prettify that code Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
* update Switch Snack example * Update switch.md Moving styles into the bottom Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
β¦ebook#1591) * Update TouchableHighlight example and API * Update touchablehighlight.md - Prettifying code. - Tweaking example to include toggler. * Update touchablehighlight.md Example didn't work for a stray `this`! Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
* update Picker Snack example * Update picker.md Prettifying code, shifting styles to bottom Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
* Alert - Added Snack Examples * Update alert.md Prettifying the code! * Update alert.md Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
β¦ebook#1114) * remove NavigatorIOS * remove style.md and props.md * add props to Learn The Basics * explain a little better what is happening in HelloWorldApp * Update tutorial.md * add some information to the state * add state example using the player * Update tutorial.md * Update docs/tutorial.md Co-Authored-By: Nicolas Charpentier <nicolas.charpentier079@gmail.com> * Update docs/tutorial.md Co-Authored-By: Nicolas Charpentier <nicolas.charpentier079@gmail.com> * Apply suggestions from code review Co-Authored-By: Nicolas Charpentier <nicolas.charpentier079@gmail.com> * update tutorial.md * Update tutorial.md * fix lint Co-authored-by: Christoph Nakazawa <cpojer@fb.com> Co-authored-by: Nicolas Charpentier <nicolas.charpentier079@gmail.com> Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
β¦ebook#1614) * Ported the examples into Snack, using hooks in the advanced usage * Update toastandroid.md Prettifying code example * Update toastandroid.md Specifying Android-only in Snacks * Update toastandroid.md Clarifying text a bit. Think this would work better with the method explanations inline with the methods, but we are still working on a standardized formate for these reference docs Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
* View Style Props - Added Snack Example * Update view-style-props.md Prettifying code Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
* StatusBar example updated using Expo and Hooks Fixed formatting * Improving code styling Co-Authored-By: Luiz Celso de Faria Alves <celsodesign@gmail.com> * Added StatusBar text indicators Co-authored-by: Luiz Celso de Faria Alves <celsodesign@gmail.com>
* fix grammar - add 'will' * Update share.md Even more perfect grammar ;) Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
β¦ok#1582) * convert examples to use functions * Update image.md * Removing first and final ``` * Removing first and final ``` from second code snippet * View: add snack + functional component example * arrow functions over function keyword * Image: arrow functions and extracted styles * Update view.md Ran code through prettier * Update image.md Fixing a problem with code md Co-authored-by: Rachel Nabors <rachelnabors@users.noreply.github.com>
Fix bad `s/js/javascript/` followed by `s/javascript/jsx/` for a `json` code block. Link to the `.md` instead of `.html` version of the file.
* change dev to dep * add dev dep * docs : fix link of rn-ts-cheats * correct from docs/typescript * change doc/*md ;) * done * broken link
Replace .jsx with .js as RN doesn't support .jsx out of the box: See facebook/react-native#5296
* docs: add Image Style Props examples * remove backgroundColor * fix typo * yarn is removing toolbarandroid * update PR restoring changes * PR updates * update en.json * Update image-style-props.md - Shortening the titles of the examples. - Fixing third example's error. - Prettifying code - Removing Props listβthe right hand sidebar will suffice! * Fixing borked code Co-authored-by: R Nabors <rachelnabors@users.noreply.github.com>
* update Share doc with functional component example Here is an update for the facebook#1579 regarding the Share component doc. The class component already exists. I am adding a functional component example too as well as add the support for Snack player. * Update share.md delete previous example * Prettifying and rearranging sample * Update after review - removes unnecessary `Component` import. - add `export default` in functional component for consistency - disable support for `web` platform in Snack player * Correct Functional component errors * Update share.md * Add export default for consistency Co-authored-by: R Nabors <rachelnabors@users.noreply.github.com>
* transforms - added snack examples * used inline styles for transforms * Move deprecated methods to their own area lower page Co-authored-by: R Nabors <rachelnabors@users.noreply.github.com>
|
@DaniAkash I'm loooooving your example! I just got a PR that turns the old example into a hooks-based Snack up and running #1593 and was wondering if you'd be able to combine the two? Personally, I feel the more examples the better. How is the custom config example going? |
β¦k#1619) * added Keyboard API example using function components & hooks * added snacks to Keyboard (class & functional) Component * update Keyboard api
* docs: create useWindowDimensions as a separate page * Adding properties * Nudging folks towards `useWindowDimensions` for React components * Updating to match * Adding rec for `useWindowDimensions` * Removing web from example * Scoping to just iOS and Android * docs: add dimensions page for 0.61 Co-authored-by: R Nabors <rachelnabors@users.noreply.github.com>
β¦ebook#1593) * added snackplayer/functional component with hooks LayoutAnimation added snackplayer and functional component example with hooks * Updating example and heading * Fixing Example * Fixes import typo * Fix borked Snack Co-authored-by: R Nabors <rachelnabors@users.noreply.github.com>
* [facebook#1579] update ImageBackground component doc * [facebook#1579] changes requested * Update imagebackground.md Prettier-ed * giving the text color to stand out Co-authored-by: R Nabors <rachelnabors@users.noreply.github.com>
* add Snack example for ActionSheetIOS * small tweak * Prettiered ActionSheetIOS * repeating tweakβuseState is a thing * last one tweak :) Co-authored-by: R Nabors <rachelnabors@users.noreply.github.com>
I just got a great idea! I'll rebase my branch with the new changes and add more details. I'll be updating this PR real soon π |
|
I can't wait, @DaniAkash! |
nearestnabors
left a comment
There was a problem hiding this comment.
Please follow my request so I can merge!
β¦-website into layout-animations
|
Closing it in favour of #1721 |


Belongs to #1579
Contains the snack with both functional & class component example for LayoutAnimations. Since LayoutAnimations have both inbuilt and custom config, this documentation requires two examples. One for inbuilt presets and another one for creating our own animation config.
The following checklist tracks the completion of both examples