country-covid-statistics-by-date-modal (Stencil Component)

NOTE

Installation

To install, you can use npm or yarn:

$ npm install --save country-covid-statistics-by-date
$ yarn add country-covid-statistics-by-date

Once Installed please add the below custom elements in your react-app or angular-app

1. index.js

import { defineCustomElements } from "country-covid-statistics-by-date-modal/loader" defineCustomElements(window);

2. In your App Conmponent or Custom Component , Please add the below custom element

Examples

Here is a simple example of country-covid-statistics-by-date being used in an react app:

import reportWebVitals from './reportWebVitals';
import { defineCustomElements } from "country-covid-statistics-by-date/loader"
const store = createStore(rootreducer, applyMiddleware(thunk));

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}><Router /></Provider>
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
defineCustomElements(window);

App.js

function App() {
  
  return (
    <div>
      <button onClick={openModal}>Open Modal</button>
      <countries-list></countries-list>
            <covid-statististics-country-by-date parameter='["continent","country","population","cases","deaths","tests","day"]'>
            </covid-statististics-country-by-date>
    </div>
  );
}

ReactDOM.render(<App />, appElement);

You can find more examples in the `examples` directory, which you can run in a
local development server using `npm start` or `yarn run start`.

## Explanantion
<countries-list> ## This component will get list of countries in array from external API and stored it in your 
browser session storage.
<covid-statististics-country-by-date> ## This component will get COVID statistics for particular country as on particular date.