markdown Good-Practices-In-Js.md

Posted 2021-05-06

# Overidding Path with WebPack Alias
* In webpack Config 
  * Go to alias object
  * Key it with any alias like aapp name 
  * value it with where path should begin 
  ```js
   alias: {
      
      // Support React Native Web
      // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
      'react-native': 'react-native-web',
      'ps-react': path.resolve(__dirname, '../src/components/')
    },
  ```
  * Usage 
  ```js 
  import HelloWorld from '../../../components/HelloWorld/HelloWorld';
   
   // becomes 
   import HelloWorld from 'ps-react/HelloWorld/HelloWorld';
  ```
  
  # Avoid repetition of file names
  * create index.js file in the root of the component that exports the componet 
  ```js 
  export {default} from './HelloWorld'
  ```
  ```js
   import HelloWorld from 'ps-react/HelloWorld/HelloWorld';
   //becomes 
    import HelloWorld from 'ps-react/HelloWorld';
  ```
  ```