Slack UI Clone with React Native & Expo

Slack Clone with Expo

Table of Contents

• Install & Build
• Stats
• Linting
• Demo & Release Notes

Install & Build

First, make sure you have Expo CLI installed: npm install -g expo-cli

Install: yarn or yarn install

Run Project Locally: expo start or yarn dev

Stats

• Expo SDK 41
• React Navigation v5
• PropTypes
• Gifted Chat
• Swiper Component

Linting

• run: yarn lint for a list of linting warnings/error in cli
• prettier and airbnb config
• make sure you have prettier package installed:
  • prettier for atom
  • prettier for vscode
• then make sure to enable these options (packages → prettier):
  • eslint integration
  • stylelint integration
  • automatic format on save (toggle format on save)
• be aware of the .prettierignore file

Release Notes

version 0.0.1 (current)

• upgraded to Expo SDK 41
• upgraded to React Navigation v5
• upgraded to Expo SDK 40
• upgraded to Expo SDK 39
• upgraded to React Navigation v4
• upgraded to Expo SDK 38
• upgraded to Expo SDK 37
• upgraded to Expo SDK 36
• upgraded to Expo SDK 35
• started with React Navigation v3
• initial navigation
  • chat
    • custom AccessoryBar
    • custom Message
    • custom Message Bubble
    • custom Send Button + different placement
  • drawers
    • left drawer using createDrawerNavigator
    • custom right drawer
• 3rd party packages used:
  • Gifted Chat
  • Swiper Component

Download Details:

Author: calebnance
Download Link: Download The Source Code
Official Website: https://github.com/calebnance/expo-slack

#react-native #react #expo #slack