swolfson1 / fn-website

The repository to hold the website code

This project was bootstrapped with customized requirements for the project

Available Scripts

In the project directory, you can run:

yarn dev

Runs the app in the development mode.
Open http://localhost:8000 to view it in the browser.

yarn jest

Will run the test files in the test folder.

yarn prod

Builds the app for production to the dist folder.
It correctly bundles React in production mode The build is minified and the filenames include the hashes.
App is ready to be deployed! with the files in the dist folder

Main Packages used

react

Javascript library for building user interfaces

Axios

Axios is a Javascript library used to make HTTP requests from node.js or XMLHttpRequests from the browser. It supports the ES6 Promise AP.

react-router

A tool that allows you to handle routes in a web app, using dynamic routing

react-jss

React-JSS integrates JSS with React using the new Hooks API. Can be used to provide dynamic styling - css in jss..

webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging

Enzyme, Jest

Jest and Enzyme are different but complimentary tools, that integrate well together to provide flexible and creative testing abilities

Jest

Jest acts as a test runner, assertion library, and mocking library. Jest also provides Snapshot testing, the ability to create a rendered ‘snapshot’ of a component and compare it to a previously saved ‘snapshot’. The test will fail if the two do not match. Snapshots will be saved for you beside the test file that created them in an auto-generate snapshots folder.

react-test-renderer

use a test renderer to quickly generate a serializable value for your React tree.

VS code extensions

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

###TODO

1. add git hook for the commit message
2. Product info, title , name, logo
3. serviceworkers
4. test
5. code split on need basis
6. router
7. end-to-end
8. license
9. ignores
10. deploy
11. uuid
12. code of conduct 14 . path names
13. env variables 16 favicons 17 product name
14. create a github repo add steps 19 analytics
15. error handling
16. test (********)
17. performance
18. internatalization
19. theme
20. accessibilty 26, ux 27 . memory
21. security..gdpr
22. update baseurl in API
23. icon component for the menu
24. jsx extension