Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: Add landing page for React Native Screens #2240

Merged
merged 37 commits into from
Aug 12, 2024

Conversation

patrycjakalinska
Copy link
Contributor

@patrycjakalinska patrycjakalinska commented Jul 8, 2024

This PR adds landing page for React Native Screens with the use of @swmansion/t-rex-ui component library.

The mobile view right now is done without proper design - let me know have some ideas on it!

It's open for testing but keep in mind mentioned to-be-fixed things.

  • Add favicon
  • Add og-image
  • Add hero animation
  • Add Multiplatform tile animation
  • (optional) Waiting for proper mobile designs
  • Bump @swmansion/t-rex-ui to latest

Laptop:

laptop.mov

Mobile:

mobile.mov

Animacja na hero:

Screen.Recording.2024-07-16.at.13.54.25.mov

@patrycjakalinska patrycjakalinska changed the title Add landing page Add landing page for React Native Screens Jul 9, 2024
@patrycjakalinska patrycjakalinska marked this pull request as ready for review July 10, 2024 06:51
@patrycjakalinska patrycjakalinska changed the title Add landing page for React Native Screens docs: Add landing page for React Native Screens Jul 10, 2024
@tboba tboba self-requested a review July 11, 2024 08:52
Copy link
Member

@tboba tboba left a comment

Choose a reason for hiding this comment

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

Good job 🥳 ❤️ Just left a bunch of comments there.

docs/static/img/favicon.ico Outdated Show resolved Hide resolved
docs/README.md Show resolved Hide resolved
docs/docs/intro.md Outdated Show resolved Hide resolved
docs/docusaurus.config.js Outdated Show resolved Hide resolved
docs/docusaurus.config.js Outdated Show resolved Hide resolved
docs/static/.nojekyll Outdated Show resolved Hide resolved
Copy link
Member

@alduzy alduzy left a comment

Choose a reason for hiding this comment

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

Nice work! Left a few comments

docs/src/components/Hero/ScreensIcon/Icon/index.tsx Outdated Show resolved Hide resolved
docs/src/components/Overview/index.tsx Outdated Show resolved Hide resolved
docs/src/components/Overview/index.tsx Outdated Show resolved Hide resolved
docs/README.md Outdated Show resolved Hide resolved
@tboba
Copy link
Member

tboba commented Aug 12, 2024

:shipit: :shipit: :shipit: :shipit:

@tboba tboba merged commit 23770ad into main Aug 12, 2024
1 check passed
@tboba tboba deleted the @patrycjakalinska/add-landing-page branch August 12, 2024 14:42
ja1ns pushed a commit to WiseOwlTech/react-native-screens that referenced this pull request Oct 9, 2024
This PR adds landing page for React Native Screens with the use of
@swmansion/t-rex-ui component library.

The mobile view right now is done without proper design - let me know
have some ideas on it!

It's open for testing but keep in mind mentioned to-be-fixed things.

- [x] Add favicon
- [x] Add og-image
- [x] Add hero animation
- [x] Add Multiplatform tile animation
- [ ] (optional) Waiting for proper mobile designs
- [x] Bump @swmansion/t-rex-ui to latest

Laptop:



https://github.com/software-mansion/react-native-screens/assets/59940332/486b82cd-e2c6-4e33-b72e-cfc3de44a08c



Mobile:


https://github.com/software-mansion/react-native-screens/assets/59940332/af8cd946-b814-4071-97a8-8650de139312

Animacja na hero:


https://github.com/user-attachments/assets/fe506eb7-098d-4c70-b403-1a70e4374f2b
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.

3 participants