/rn-challenge

Primary LanguageObjective-CMIT LicenseMIT

Rules

  • Code must be placed in src folder.
  • You have 3 - 4 hours to finish all the thing.
  • Commit message must have a clear statement as to what the original problem is. Otherwise, your PR will be rejected.
  • No linter (eslint) error!
  • You're welcome to use whatever you want.

Good luck and most important of all, have fun!

Chalenges

1. A filterable contact list [DEMO]

It should:

  • Filterable. When filter, string matches the search term should have different color.
  • Group by the first character of contact's name.
  • Capable of rendering a thousand contact.

Notes:

  • You can use this package to get contact from native.
  • No specified tool. You can use ListView or any package provided by community. (Or even the new shining toy: SectionList)
  • No fancy UI needed.

2. Animation

Implement this animation with React Native. DEMO:

Based on Code in the Dark fronend challenge.

Notes:

No limit. Free you mind. You can create animation with Adobe After Effect and implement in React Native by using Lottie. Why not?