LanciWeb

module.exports = (app) => {
  // create a note
  app.post('/api/notes', (request, reply) => {});
  
  // get the list of notes
  app.get('/api/notes', (request, reply) => {});
  
  // get a single note
  app.get('/api/notes/:id', (request, reply) => {});
  

LanciWeb

const mongoose = require('mongoose');
const { Schema } = mongoose;

const noteSchema = new Schema({
  text: { type: String, required: true },
});

const Note = mongoose.model('note', noteSchema);

module.exports = Note;

LanciWeb

import React from 'react';

function App() {
  return <div className="App">Hello world</div>
}

export default App;

LanciWeb

import { fetchUtils } from 'react-admin';
import { stringify } from 'query-string';

const apiUrl = 'http://localhost:3000/api';
const httpClient = fetchUtils.fetchJson;

export default {
  getList: (resource, params) => {
    const { page, perPage } = params.pagination;
    const { field, order } = params.sort;

LanciWeb

import React from 'react';
import { Admin} from 'react-admin';
import dataProvider from './dataProvider';

function App() {
  return (
    <Admin dataProvider={dataProvider} />
  );
}

LanciWeb

import React from 'react';
import dataProvider from './dataProvider';
import { Admin, Resource } from 'react-admin';
import NotesList from './components/NotesList';
import NotesEdit from './components/NotesEdit';
import NotesCreate from './components/NotesCreate';

function App() {
  return (
    <Admin dataProvider={dataProvider}>

LanciWeb

import React from 'react';
import {
  List,
  Datagrid,
  TextField,
  EditButton,
  DeleteButton,
} from 'react-admin';

const NotesList = (props) => {

LanciWeb

import React from 'react';
import { Create, SimpleForm, TextInput } from 'react-admin';
const NotesCreate = (props) => {
  return (
    <Create {...props}>
      <SimpleForm>
        <TextInput source="text" required />
      </SimpleForm>
    </Create>
  );

LanciWeb

import React from 'react';
import { Edit, SimpleForm, TextInput } from 'react-admin';
const NotesEdit = (props) => {
  return (
    <Edit {...props}>
      <SimpleForm>
        <TextInput disabled source="id" />
        <TextInput required source="text" />
      </SimpleForm>
    </Edit>

LanciWeb

//an ecample of reducer

export default (state, action) => {
  const {type, payload} = action;
  switch (type){
    case 'ADD_ITEM': 
      return {...state, items: [...state.items, payload]};
    case 'REMOVE_ITEM': 
      const filteredItems = state.items.filter(i => i.id !== payload);
      return {...state, items: items};