Tasklist app for sensenet SPA development with React and Typescript
This miniapp was in very early stage, newer version can be found among sensenet's sn-client monorepo examples.
- An example tasklist React SPA with sensenet repository login, written in Typescript ✨
- An example Jest test with Enzyme 👓
- Preconfigured Webpack build 🧱
- prettier and eslint 💅
- husky lint & prettier precommit hook ⚓
Be sure that you have installed a GIT client, Node.JS (latest or LTS). You can use NPM or Yarn.
- Clone a GIT repository from this reposiotry
- cd into the cloned directory
- Install the package dependencies with
npm install
oryarn install
- Start the Webpack dev server with
npm run start
oryarn start
- You can browse the app once the build has been finished at http://localhost:8081/
You can simply run npm run build
or yarn build
to create the bundle. It will saved to the ./bundle
directory
- Simply run
npm run test
oryarn test
to run the tests. A coverage report will be also generated to the./coverage
directory
- src
| - assets
| | - static assets like images, fonts, etc...
| - components
| | - generic components like forms, buttons, inputs
| - context
| | - React contexts and context providers
| - hooks
| | - Custom React hooks like useRepository or useCurrentUser.
| ...
| main / container components, layouts
| ...
| - app.tsx - The main entry point of your application
| - index.tsx - React and Sensenet Repository initialization
| - style.css - generic css overrides
- Log in to Netlify. If you don't have a Netlify account, sign up for free here
- Create a new site with New site from Git button
- Select GitHub at Continuous Deployment section
- Authorize Netlify on GitHub modal window
- Select repository for deploy
- If you don't see your repository, you can configure Netlify from the link at the bottom of the page
- At Deploy settings you can configure
- from which branch it will be created
- Build command:
npm run build
- Publish directory:
bundle/