dialguiba

# DevMock — Privacy Policy                                                                                                                                                                                                 
                                                                                                                                                                                                                             
  DevMock does not collect, store, or transmit any personal data. All mock rules and settings are stored locally in your browser using Chrome's storage API. No data is sent to any external server. DevMock has no          
  analytics, no tracking, and no user accounts.                                                                                                                                                                              
                                                                                                                                          

dialguiba

const Loader = React.lazy(() => import("react-loader-spinner").then((module) => ({ default: module[spinner] })));
const Loader = React.lazy(() => import(`react-spinners/${test}`));

dialguiba

import { useEffect, useState } from "react";
import { BrowserRouter as Router, Redirect, Route, Navigate, BrowserRouter, Routes } from "react-router-dom";
import { useDispatch } from "react-redux";

import { AuthRouter } from "./AuthRouter";
/* import { firebase } from "../firebase/firebase-config"; */
/* import { login } from "../actions/Auth"; */
import { PrivateRoute } from "./PrivateRoute";
import { PublicRoute } from "./PublicRoute";
/* import { startLoadingNotes } from "../actions/notes"; */

dialguiba

import { useEffect, useState } from "react";
import { BrowserRouter as Router, Switch, Redirect } from "react-router-dom";
import { useDispatch } from "react-redux";

import { JournalScreen } from "../components/journal/JournalScreen";
import { AuthRouter } from "./AuthRouter";
import { firebase } from "../firebase/firebase-config";
import { login } from "../actions/Auth";
import { PrivateRoute } from "./PrivateRoute";
import { PublicRoute } from "./PublicRoute";

dialguiba

name: Build and Deploy
on: [push]
env:
  REACT_APP_API_URL: ${{secrets.REACT_APP_API_URL}}
jobs:
  build-and-deploy:
    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
    runs-on: ubuntu-latest
    environment: github-pages
    steps:

dialguiba

import React from "react";
import ReactDOM from "react-dom";
import { TodoApp } from "./TodoApp";

import { store, persistor } from "./store/store";
import { Provider } from "react-redux";
/*  */
import { PersistGate } from "redux-persist/integration/react";
import { HashRouter } from "react-router-dom";

dialguiba

Custom Hook: UseForm

Use:

const [formTodoValues, handleTodoInputChange] = useForm({
    name: "",
    date: moment(new Date()).format("YYYY-MM-DD"),
    description: "",
 });

dialguiba

import { Provider } from "react-redux";
import { AppRouter } from "./router/AppRouter";
import { store } from "./store/store";

export const CalendarApp = () => {
  return (
    <Provider store={store}>
      <AppRouter />
    </Provider>
  );