Skip to content

🎢 LayoutAnimation πŸ•ΊπŸ½ - Added Snack Examples - WIP πŸ‘·πŸ½β€β™‚οΈπŸ—#1609

Closed
DaniAkash wants to merge 92 commits intofacebook:masterfrom
DaniAkash:layout-animations
Closed

🎢 LayoutAnimation πŸ•ΊπŸ½ - Added Snack Examples - WIP πŸ‘·πŸ½β€β™‚οΈπŸ—#1609
DaniAkash wants to merge 92 commits intofacebook:masterfrom
DaniAkash:layout-animations

Conversation

@DaniAkash
Copy link
Copy Markdown
Contributor

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

  • InBuilt Presets
  • Custom config

@react-native-bot
Copy link
Copy Markdown

react-native-bot commented Feb 7, 2020

Deploy preview for react-native ready!

Built with commit 4d9a622

https://deploy-preview-1609--react-native.netlify.com

Changes to docs/ are reflected in the next "master" version.

Thank you for your contributions.

How to Contribute β€’ Documentation Sources

@DaniAkash DaniAkash requested a review from hramos February 7, 2020 02:14
@DaniAkash DaniAkash mentioned this pull request Feb 7, 2020
factcondenser and others added 26 commits February 7, 2020 15:50
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
…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>
wodin and others added 9 commits February 27, 2020 13:25
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>
@nearestnabors
Copy link
Copy Markdown
Contributor

@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?

ahmdtalat and others added 9 commits February 28, 2020 16:24
…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>
@DaniAkash
Copy link
Copy Markdown
Contributor Author

DaniAkash commented Feb 29, 2020

@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?

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 πŸ‘

@nearestnabors
Copy link
Copy Markdown
Contributor

I can't wait, @DaniAkash!

Copy link
Copy Markdown
Contributor

@nearestnabors nearestnabors left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please follow my request so I can merge!

@DaniAkash
Copy link
Copy Markdown
Contributor Author

Not sure what happened here... I just rebased my PR with the current master

chaos

@DaniAkash
Copy link
Copy Markdown
Contributor Author

@rachelnabors I think I'll raise a new PR...

leaving

@DaniAkash
Copy link
Copy Markdown
Contributor Author

Closing it in favour of #1721

@DaniAkash DaniAkash closed this Mar 10, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.