epic-react-exercises
epic-react-exercises copied to clipboard
mithi
Practical React exercises with detailed solutions.
Create a folder inside `content/react/hooks` and name it the next integer. Example `5` in this case, since the last number is `4` Inside that folder create 2 files: `notes.md` and...
There are currently three top level providers for handling the ui state: - theme - codeTheme - menuState https://github.com/mithi/epic-react-exercises/tree/main/providers I have to refactor this to best practices so that the...
``` 02:34:44.495 Installing dependencies... 02:34:47.746 npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!...
Update https://github.com/mithi/epic-react-exercises/blob/main/content/react/patterns/2/components/accord.js and https://github.com/mithi/epic-react-exercises/blob/main/content/react/patterns/5/components/use-accordion.js to be compliant to accessibility guidelines https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html
See: https://stackoverflow.com/questions/31402576/enable-focus-only-on-keyboard-use-or-tab-press Need to edit: https://github.com/mithi/epic-notes/blob/main/components/button/index.js
You'd have to edit the following files - https://github.com/mithi/epic-notes/blob/a7e9ea0077432176a1408c230b9b5b3c38bfb26f/providers/theme/index.js#L6-L7 - https://github.com/mithi/epic-notes/blob/main/providers/code-theme/code-themes.js - https://github.com/mithi/epic-notes/blob/main/styles/vars.css
See issue: https://github.com/RobertBroersma/bigheads/issues/23
Create a `pageProperties.json` that contains the `title` and `description` of that page `content/topic/section/pageId` Edit to read and return `pageProperties` https://github.com/mithi/epic-notes/blob/d624a04bb0733088f067095c08679a07ac286828/utils/index.js#L54 Edit this component to destructure the return of `pageContents` https://github.com/mithi/epic-notes/blob/d624a04bb0733088f067095c08679a07ac286828/pages/react/%5Bsection%5D/%5BpageId%5D.js#L18...
Syntax Highlighting Issue: In JSX components, spreading props breaks component's syntax highlighting
See issues from [PrisimJS/prism](https://github.com/PrismJS/prism) https://github.com/PrismJS/prism/issues/2753 https://github.com/PrismJS/prism/issues/2598 https://github.com/PrismJS/prism/issues/1548