Skip to content

Chat App created with React Native, Firebase, GraphQL, etc.

Notifications You must be signed in to change notification settings

BryanChavarriaMartinez/BorderChat

Repository files navigation

BorderChat

Open source project to practice with react native and to share experience with more devs. CDEECS.

What is React?

Is just a Javascript library that allow us to write mora Javascript to have interactivity on our websites.

React vs React Native

React Native is a cross-platform mobile framework that uses React for building apps and websites.

Elements of a React library

State: Is the data of our app. Component: Is the independent and reusable code. Props: Properties of the components. JSX: HTML sintax inside Javascript. VirtualDOM: Is a Javascript version of the DOM.

The success of React, 4 principles

  1. Dont touch the DOM, I'll do it.
  2. Build the websites like lego blocks.
  3. Unidirectional data flow.
  4. UI, the rest is up to you.

The job of a React developer

  1. Decide on Components.
  2. Decide the State and where it lives.
  3. What changes when State changes.

Needed installation for this repository (on console):

npm install -g expo-cli yarn install expo install react-native-safe-area-context expo install expo-splash-screen expo install @react-navigation/native expo install react-native-screens react-native-safe-area-context expo install @react-navigation/stack expo install react-native-gesture-handler expo install @react-navigation/bottom-tabs expo install @expo/vector-icons

Commit structure:

Add/Update/Delete File/Feature (Lesson/Personal) Example: Add chat screen (Lesson 39) - Update settings screen (Personal)

Rules for a great git commit message style

  1. Separate subject from body with a blank line
  2. Do not end the subject line with a period
  3. Capitalize the subject line and each paragraph
  4. Use the imperative mood in the subject line
  5. Wrap lines at 72 characters
  6. Use the body to explain what and why you have done something. In most cases, you can leave out details about how a change has been made.

Information in commit messages

  1. Describe why a change is being made.
  2. How does it address the issue?
  3. What effects does the patch have?
  4. Do not assume the reviewer understands what the original problem was.
  5. Do not assume the code is self-evident/self-documenting.
  6. Read the commit message to see if it hints at improved code structure.
  7. The first commit line is the most important.
  8. Describe any limitations of the current code.
  9. Do not include patch set-specific comments.

About

Chat App created with React Native, Firebase, GraphQL, etc.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published