https://github.com/jsmith/geo-nb-visualizations
https://github.com/jsmith/geo-nb-visualizations
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/jsmith/geo-nb-visualizations
- Owner: jsmith
- Created: 2021-03-30T00:38:12.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-30T00:38:13.000Z (about 5 years ago)
- Last Synced: 2026-01-31T19:34:39.401Z (5 months ago)
- Language: JavaScript
- Size: 15.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Snowpack + TypeScript + React + Tailwind CSS
Just another template.
## How to recreate this?
```bash
export PROJECT_NAME=
npx create-snowpack-app $PROJECT_NAME --template @snowpack/app-template-react-typescript
cd $PROJECT_NAME
npm install -D @snowpack/plugin-postcss postcss postcss-cli
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init -p
rm src/App.css
rm src/logo.svg
cat > src/index.css < src/App.tsx <Welcome to the template! It's super simple!
);
}
EOF
cat > src/App.test.tsx <', () => {
it('renders renders', () => {
const { getByText } = render();
const linkElement = getByText(/template/i);
expect(document.body.contains(linkElement));
});
});
EOF
# add @snowpack/plugin-postcss
sed "s/'@snowpack\/plugin-typescript',/'@snowpack\/plugin-typescript',\n '@snowpack\/plugin-postcss',/" snowpack.config.js | tee snowpack.config.js
```
## Available Scripts
### npm start
Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
### npm run build
Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!
**For the best production performance:** Add a build bundler plugin like "@snowpack/plugin-webpack" to your `snowpack.config.js` config file.
### npm test
Launches the application test runner.
Run with the `--watch` flag (`npm test -- --watch`) to run in interactive watch mode.