Skip to content

Commit b1290c6

Browse files
fix: styled code snippet description in ul/li html elements
1 parent 989aaf4 commit b1290c6

File tree

1 file changed

+20
-20
lines changed

1 file changed

+20
-20
lines changed

src/utils/data/concepts.js

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ The static \`import\` statement is used to import bindings which are exported by
2424
Imported modules are in \`strict mode\` whether you declare them as such or not. The \`import\` statement cannot be used in embedded scripts unless such script has a \`type="module"\`.
2525
2626
#### References:
27-
[(MDN web docs) import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import,)
27+
* [(MDN web docs) import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import,)
2828
`,
2929
linesInPrimary: [1, 2, 3]
3030
},
@@ -58,8 +58,8 @@ The \`React.lazy\` method makes it easy to code-split a React application on a c
5858
The \`React.lazy\` function provides a built-in way to separate components in an application into separate chunks of JavaScript with very little legwork. You can then take care of loading states when you couple it with the \`Suspense\` component.
5959
6060
#### References:
61-
[(web.dev) Code splitting with React.lazy and Suspense](https://web.dev/code-splitting-suspense/)
62-
[(React docs) Code-Splitting / import()](https://reactjs.org/docs/code-splitting.html#import)
61+
* [(web.dev) Code splitting with React.lazy and Suspense](https://web.dev/code-splitting-suspense/)
62+
* [(React docs) Code-Splitting / import()](https://reactjs.org/docs/code-splitting.html#import)
6363
`,
6464
linesInPrimary: [1, 5, 14, 16]
6565
},
@@ -113,8 +113,8 @@ textDescription:
113113
Error boundaries are React components that \`catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI\` instead of the component tree that crashed. Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
114114
115115
#### References:
116-
[(React docs) Error Boundaries](https://reactjs.org/docs/error-boundaries.html)
117-
[(web.dev) Code splitting with React.lazy and Suspense / Handle loading failures](https://web.dev/code-splitting-suspense/#handle-loading-failures)
116+
* [(React docs) Error Boundaries](https://reactjs.org/docs/error-boundaries.html)
117+
* [(web.dev) Code splitting with React.lazy and Suspense / Handle loading failures](https://web.dev/code-splitting-suspense/#handle-loading-failures)
118118
`,
119119
linesInPrimary: [7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 29, 39]
120120
},
@@ -157,7 +157,7 @@ textDescription:
157157
The code that makes up the module does not get included into the initial bundle and is now lazy loaded, or provided to the user only when it is needed after the form submission.
158158
159159
#### References:
160-
[(web.dev) Reduce JavaScript payloads with code splitting](https://web.dev/reduce-javascript-payloads-with-code-splitting/)
160+
* [(web.dev) Reduce JavaScript payloads with code splitting](https://web.dev/reduce-javascript-payloads-with-code-splitting/)
161161
`,
162162
linesInPrimary: [10, 11, 12, 13, 14]
163163
},
@@ -195,9 +195,9 @@ But if you feel limited or if you need SSR, then \`@loadable/component\` is the
195195
Suspense is not available server-side and \`React.lazy\` can only work with Suspense. However \`@loadable/component\` can be used without Suspense. That's why today, \`React.lazy\` is not an option if you need Server Side Rendering.
196196
197197
#### References:
198-
[(Loadable Components doc) Comparison with React.lazy](https://loadable-components.com/docs/loadable-vs-react-lazy/)
199-
[(Loadable Components doc) Error Boundaries](https://loadable-components.com/docs/error-boundaries/)
200-
[(Loadable Components doc) Server Side Rendering](https://loadable-components.com/docs/server-side-rendering/)
198+
* [(Loadable Components doc) Comparison with React.lazy](https://loadable-components.com/docs/loadable-vs-react-lazy/)
199+
* [(Loadable Components doc) Error Boundaries](https://loadable-components.com/docs/error-boundaries/)
200+
* [(Loadable Components doc) Server Side Rendering](https://loadable-components.com/docs/server-side-rendering/)
201201
`,
202202
linesInPrimary: [1, 6, 7, 8, 13, 21]
203203
},
@@ -232,8 +232,8 @@ textDescription:
232232
Therefore, it will only function in [browsers that have the IntersectionObserver API](http://caniuse.com/#feat=intersectionobserver).
233233
234234
#### References:
235-
[react-loadable-visibility README](https://github.com/stratiformltd/react-loadable-visibility)
236-
[progressive react](https://houssein.me/progressive-react)
235+
* [react-loadable-visibility README](https://github.com/stratiformltd/react-loadable-visibility)
236+
* [progressive react](https://houssein.me/progressive-react)
237237
`,
238238
linesInPrimary: [2, 6, 7, 8, 16, 17, 18]
239239
},
@@ -268,10 +268,10 @@ This tells webpack to inject the \`<link rel="prefetch">\` tag into the HTML doc
268268
\`<link rel="prefetch" as="script" href="1.bundle.js">\`
269269
270270
#### References:
271-
[(web.dev) Prefetch resources to speed up future navigations / Prefetching JavaScript modules with webpack magic comments](https://web.dev/link-prefetch/#prefetching-javascript-modules-with-webpack-magic-comments)
272-
[(web.dev) Preload critical assets to improve loading speed / Preloading and prefetching with webpack](https://web.dev/codelab-preload-critical-assets/#preloading-and-prefetching-with-webpack)
273-
[(Medium) Preload, Prefetch And Priorities in Chrome](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf)
274-
[(Medium) <link rel=”prefetch/preload”> in webpack](https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c)
271+
* [(web.dev) Prefetch resources to speed up future navigations / Prefetching JavaScript modules with webpack magic comments](https://web.dev/link-prefetch/#prefetching-javascript-modules-with-webpack-magic-comments)
272+
* [(web.dev) Preload critical assets to improve loading speed / Preloading and prefetching with webpack](https://web.dev/codelab-preload-critical-assets/#preloading-and-prefetching-with-webpack)
273+
* [(Medium) Preload, Prefetch And Priorities in Chrome](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf)
274+
* [(Medium) <link rel=”prefetch/preload”> in webpack](https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c)
275275
`,
276276
linesInPrimary: [5]
277277
},
@@ -307,11 +307,11 @@ With webpack version 4.6.0 or later, preloading is supported through the use of
307307
\`import(_/* webpackPreload: true */_ "CriticalChunk")\`
308308
309309
#### References:
310-
[(MDN web docs) Preloading content with rel="preload"](https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content)
311-
[(web.dev) Preload critical assets to improve loading speed / Preloading JavaScript modules with webpack](https://web.dev/preload-critical-assets/#preloading-javascript-modules-with-webpack)
312-
[(web.dev) Preload critical assets to improve loading speed / Preloading and prefetching with webpack](https://web.dev/codelab-preload-critical-assets/#preloading-and-prefetching-with-webpack)
313-
[(Medium) Preload, Prefetch And Priorities in Chrome](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf)
314-
[(Medium) <link rel=”prefetch/preload”> in webpack](https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c)
310+
* [(MDN web docs) Preloading content with rel="preload"](https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content)
311+
* [(web.dev) Preload critical assets to improve loading speed / Preloading JavaScript modules with webpack](https://web.dev/preload-critical-assets/#preloading-javascript-modules-with-webpack)
312+
* [(web.dev) Preload critical assets to improve loading speed / Preloading and prefetching with webpack](https://web.dev/codelab-preload-critical-assets/#preloading-and-prefetching-with-webpack)
313+
* [(Medium) Preload, Prefetch And Priorities in Chrome](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf)
314+
* [(Medium) <link rel=”prefetch/preload”> in webpack](https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c)
315315
`,
316316
linesInPrimary: [5]
317317
}

0 commit comments

Comments
 (0)