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?