- Review and Update Security Policy
- Provide private way of reporting vulnerabilities?
- Install Dev Dependencies
- (^) Webpack config
- (^) Karma
- (^) Include eslint in test-watch?
- (^) Combined build and test watch
- (^) Setup Mocha
- (-) Setup global test objects
- (^) Karma webpack integration (for tests in browser)
- (^) Use rebuilt bundle when running tests
- (^) Flowtype eslint plugin
- (-) Setup EsDoc
-
(v) run doc before commit?(run on merge to master)
-
-
(-) Prettier for autofix(just use eslint atom plugin with fix) - (^) karma/mocha unit test debugging
(with atom?)in browser - (^) Demo app in docs
- (^) Move js to
src/app - (^) Fix single build process (args/if statement in webpack)
- (^) Update linting rules
- with descturing/filenames/naming conventions? https://github.com/devlinjunker/JS.Fun/tree/master/play/test.eslint#eslint-exploration
- testing rules
- naming conventions?
-
(^) Absolute Paths - (^) Update Node Version to v10
- (^) Update Dependencies
- (^) Different Folders for examples
- (^) HTML Page with important stuff
- header/tags
- (^) Github Actions ----->> Build doc on commit to master <<-----
- (^) HTML Linting?
- https://github.com/htmlhint/HTMLHint
- Took some finagling to get this to work during watch process
- Clearing/standardizing browser css
- Normalize CSS http://nicolasgallagher.com/about-normalize-css/
- [..] PostCSS?
- ecosystem of parsing css files
- [..] (^) CSS Linting
- stylelint
- bem linting? https://github.com/postcss/postcss-bem-linter#stylelint-plugin
- css variables/hierarchy?
- autoprefixer for making css look cleaner (browser prefixes don't need to be added)
- list all selectors used: https://github.com/davidtheclark/list-selectors
- (^) Madge?
- (^) Manual in Docs
- (^) HTML template example
- webpack/lodash style? https://github.com/emaphp/underscore-template-loader
- handlebars?
- seems like this isn't the best for javascript components, although it will work for this basic repo
- problems with handlebar-webpack-plugin and webpack-dev-server
- Components (javascript methods that return compiled html, has params for template variables)
- (^) Base CSS Style for all apps
- (^) CSS Framework
- Tailwind - integrates with javascript
- (^) Styleguide
- Page in docsite
- Examples: http://styleguides.io/examples.html
- Fractal? https://github.com/adamlindqvist/fractal-webpack-plugin
- (^) Githooks
- (^) Configuration File
- (^) If running in development -> console errors/warnings appear in UI bubble
- (^) Progressive Web App
- Web Manifest (JSON): https://developer.mozilla.org/en-US/docs/Web/Manifest
- App Shell: https://www.smashingmagazine.com/2019/06/pwa-webpack-workbox/
- [..] Helpers
Localstorage- Performance Loggers (start/end/post to api? file?)
- Internal API Helper
- External API Helper?
- Accessibility Linting
- Basic UI Framework (other repos?)
- Backbone?
- Vue?
- React?
- Aurelia
- Fork of this Repo with different directories for each css framework?
- bulma https://bulma.io/documentation/overview/start/
- Bootstrap?
- Foundation?
- Material Design?
- (-) Mock API requests on localhost
- Contract testing? https://docs.pact.io/
- OpenAPI validation of mocks? https://bitbucket.org/atlassian/swagger-mock-validator/src/master/
- (-) production configuration for webpack
- Improve build speed in develop https://webpack.js.org/guides/build-performance/
- Build caching https://webpack.js.org/guides/caching/
- Minimize?
- No Warnings? No output in tests?
- CSS Generated to File and included at top of HTML
- Accessibility validation?
- (-) cleaner output from watch script?
- (v) Cypress UI Testing?
- (v) Serve docs with small script and
npm run doc-serve - (v) package.json main script
- (install/run application and open browser? or just point to entry or AppController?)
- (v) parameterize directories in package.json scripts?
- better npm script?
Application
- Local Storage DataService
- Controller/Component for saving/retrieving stored vals
- Interface for displaying vals
- Weather/Other Free API
- Redux Example (w/o React)
- React Example
- Notebook App
- Daily Scratchpad
- Save/Read Github Gists
- Github Readmes in my repos and save with commit
- Sorting Notes
- A-Z
- Date Created?
- Date Modified
- Custom (with dragging)
- Font Size
- Tagging
- drag to tag
- multiple tags per note
- shift+click on tags section to filter notes
- Notebook App
- GraphQL Example
- Websocket?
- PostCSS vs CSS-Loader?
- Why hold much state/data in UI rather than display from server on page load?
- Pros:
- Speed for user (when results can be preloaded)
- Saves money in server computation costs to create UI/remember state
- Cons:
- Lots of bandwidth to deliver Single Page App
- Can be slower when building large UI after data call
- Overall: Save state/preload data in client to improve user experience. Use server for speed
- Use client when small objects can be stored/edited and returned
- Use server for displayed only data
- Redux for sharing state between client/server
- When should we vs static webpages? React/React Static?
- Pros:
- Backbone for UI? Seems simpler than react? Doesn't rely/revolve around instant response to interaction
- GraphQL