fix: 🐛 removed offline-first paradigm

Since cra v4 its opt-in and this project won't support it out-of-the-box

README.md

@@ -115,7 +115,7 @@ But wait... there's more!
 - _Stay fast_: Profile your app's performance from the comfort of your command
   line!
 
-<sub><i>Keywords: Create React App, React Boilerplate, Custom Template, Typescript, React.js, Redux, Hot Reloading, ESNext, Babel, react-router, Offline First, ServiceWorker, `styled-components`, redux-saga, FontFaceObserver</i></sub>
+<sub><i>Keywords: Create React App, React Boilerplate, Custom Template, Typescript, React.js, Redux, Hot Reloading, ESNext, Babel, react-router, `styled-components`, redux-saga, FontFaceObserver</i></sub>
 
 ## Contributors
 

internals/startingTemplate/src/index.tsx

@@ -11,7 +11,6 @@ import 'react-app-polyfill/stable';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-import * as serviceWorker from 'serviceWorker';
 
 // Use consistent styling
 import 'sanitize.css/sanitize.css';
@@ -46,8 +45,3 @@ if (module.hot) {
     // No need to render the App again because i18next works with the hooks
   });
 }
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();

package.json

@@ -85,8 +85,7 @@
       "!src/**/*/messages.ts",
       "!src/reportWebVitals.ts",
       "!src/**/*/types.ts",
-      "!src/index.tsx",
-      "!src/serviceWorker.ts"
+      "!src/index.tsx"
     ],
     "coverageThreshold": {
       "global": {

src/app/containers/HomePage/Features.tsx

@@ -16,7 +16,6 @@ import { ReactComponent as RouteIcon } from './assets/route.svg';
 import { ReactComponent as SEOIcon } from './assets/seo.svg';
 import { ReactComponent as InstantFeedbackIcon } from './assets/instant-feedback.svg';
 import { ReactComponent as ScaffoldingIcon } from './assets/scaffolding.svg';
-import { ReactComponent as OfflineFirstIcon } from './assets/offline-first.svg';
 import { ReactComponent as CodeAnalysisIcon } from './assets/code-analysis.svg';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'app/components/Link';
@@ -144,16 +143,6 @@ export function Features() {
             </P>
           </Content>
         </Feature>
-        <Feature>
-          <OfflineFirstIcon className="feature-icon" />
-          <Content>
-            <SubTitle>Offline-First</SubTitle>
-            <P>
-              The next frontier in performant web apps: availability without a
-              network connection from the instant your users load the app.
-            </P>
-          </Content>
-        </Feature>
         <Feature>
           <CodeAnalysisIcon className="feature-icon" />
           <Content>

src/app/containers/HomePage/__tests__/__snapshots__/Features.test.tsx.snap

@@ -177,19 +177,6 @@ exports[`<Features /> should render with de translations 1`] = `
         </P>
       </Features__Content>
     </Features__Feature>
-    <Features__Feature>
-      <ForwardRef(SvgOfflineFirst)
-        className="feature-icon"
-      />
-      <Features__Content>
-        <SubTitle>
-          Offline-First
-        </SubTitle>
-        <P>
-          The next frontier in performant web apps: availability without a network connection from the instant your users load the app.
-        </P>
-      </Features__Content>
-    </Features__Feature>
     <Features__Feature>
       <ForwardRef(SvgCodeAnalysis)
         className="feature-icon"
@@ -384,19 +371,6 @@ exports[`<Features /> should render with en translations 1`] = `
         </P>
       </Features__Content>
     </Features__Feature>
-    <Features__Feature>
-      <ForwardRef(SvgOfflineFirst)
-        className="feature-icon"
-      />
-      <Features__Content>
-        <SubTitle>
-          Offline-First
-        </SubTitle>
-        <P>
-          The next frontier in performant web apps: availability without a network connection from the instant your users load the app.
-        </P>
-      </Features__Content>
-    </Features__Feature>
     <Features__Feature>
       <ForwardRef(SvgCodeAnalysis)
         className="feature-icon"

src/index.tsx

@@ -12,7 +12,6 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
 import FontFaceObserver from 'fontfaceobserver';
-import * as serviceWorker from 'serviceWorker';
 
 // Use consistent styling
 import 'sanitize.css/sanitize.css';
@@ -59,8 +58,3 @@ if (module.hot) {
     // No need to render the App again because i18next works with the hooks
   });
 }
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();