gabrielEloy

const handleLogin = () => {
    const user = new Parse.User();
    
    user.set('username', userName);
    user.set('password', password);

    user.logIn().then((user) => {
      history.push('/')
    }).catch(err => {      
      alert(err.message);

gabrielEloy

const handleRegister = () => {
    const user = new Parse.User();
    
    user.set('username', userName);
    user.set('password', password);

    user.signUp().then(() => {
      handleLogin();
    }).catch(err => alert(err.message));
  };

gabrielEloy

import {useEffect } from 'react'
import {useHistory} from 'react-router-dom';
import Parse from 'parse';
import './Home.css'

export default function Home() {

  const initialPosts = [{
    userName: 'User 1',
    post: "Hi, I'm a placeholder"

gabrielEloy

import {useEffect } from 'react'
import {useHistory} from 'react-router-dom';
import Parse from 'parse';
import './Home.css'
import {useParseQuery} from '@parse/react';


export default function Home() {
  const history = useHistory();

gabrielEloy

  const {
    isLive,
    isLoading,
    isSyncing,
    results,
    count,
    error,
    reload
  } = useParseQuery(
    parseQuery

gabrielEloy

{results && results.map((user,index) => (
<div className="post" key={index}>
    <span>{user.get('authorName')}</span>
    <p>{user.get('text')}</p>
</div>))}

gabrielEloy

import {useEffect, useState } from 'react'
import {useHistory} from 'react-router-dom';
import Parse from 'parse';
import './Home.css'
import {useParseQuery} from '@parse/react';


export default function Home() {
  const [postText, setPostText] = useState('');
  const history = useHistory();

gabrielEloy

const handleSubmitPost = (e) => {
    e.preventDefault();
    const Post = Parse.Object.extend("Post");
    const newPost = new Post();
    newPost.save({
      text: postText,
      authorName: Parse.User.current().get('username'),
    });
    setPostText("");
  };

gabrielEloy

import {useEffect, useState } from 'react'
import {useHistory} from 'react-router-dom';
import Parse from 'parse';
import './Home.css'
import {useParseQuery} from '@parse/react';


export default function Home() {
  const [postText, setPostText] = useState('');
  const history = useHistory();

gabrielEloy

const parseQuery = new Parse.Query('Post');
parseQuery.descending("createdAt");