React: Update codeblock delimiters

aconstas commented 8 months ago

Checks

[X] This is not a duplicate of an existing issue (please have a look through our open issues list to make sure)
[X] I have thoroughly read and understand The Odin Project Contributing Guide
[ ] Would you like to work on this issue?

Describe your suggestion

Codeblocks should be updated to align with new changes in our layout style guide

In the sections named in this issue, codeblocks will be opened by a set of 3 tildes (the ~ character) and then closed by another set of 3 tildes. To align with the style guide, these tilde characters need to change to backticks (the ` character). Be sure to refer to the codeblocks section of the style guide for an example of what this should look like.

Guidance:

Comment on this issue to get a section assigned to you. You can also ask for a specific one
Please wait until you are assigned by a maintainer before starting to work on this issue to avoid multiple people working on the same sections
Make sure to read the contributing guide before starting your first contribution
Please add the following to your PR in the Issues section: Related to #xxxxx, since this issue is divided into sections, individual PRs should NOT INCLUDE the closes keyword.
Please ensure that you update the delimiters in every listed lesson of the section you are assigned to.

Sections to update

Getting Started With React (4 lessons)

[x] @Churtified React Components, What is JSX?, Rendering Techniques, Passing Data Between Components

States and Effects(3 lessons)

[x] @marlatte Introduction to State, More on State, How to Deal with Side Effects

Class Components (2 lessons)

[x] @roopxx Class Based Components, Component Lifecycle Methods

React Testing (2 lessons)

[x] @kamranzafar4343 Introduction to React Testing, Mocking Callbacks and Components

The React Ecosystem (3 lessons)

[x] @ParagPalkar Project Shopping Cart, React Router, Type Checking with Proptypes

More React Concepts (3 lessons)

[x] @Ervin001 Managing State with Context API, Reducing State, Refs and Memoization

@JoshDevHub

Path

Node / JS

Lesson Url

https://www.theodinproject.com/paths/full-stack-javascript/courses/react

Churtified commented 8 months ago

I can do a section, thanks!

marlatte commented 8 months ago

I'll take a section as well!

roopxx commented 8 months ago

I'll take one section too. Thanks!

JoshDevHub commented 8 months ago

Thank you for volunteering @roopxx

I've assigned you the Class Components section.

kamranzafar4343 commented 8 months ago

I would like to take a lesson from one of these!

JoshDevHub commented 8 months ago

Thank you for volunteering @kamranzafar4343

I've assigned you the section on React testing.

ParagPalkar commented 7 months ago

I would like to take a section from one of the above ! Thank You !

Ervin001 commented 7 months ago

If there are any available I would like to take a section as well.

MaoShizhong commented 7 months ago

@ParagPalkar assigned you the section on The React Ecosystem

@Ervin001 assigned you the section on More React Concepts

BryanF1nes commented 7 months ago

If any of these still need work done, I'd be happy to help. :)

JoshDevHub commented 7 months ago

@BryanF1nes Thank you for volunteering.

All the items in this issue have been assigned. However, there are still a couple of more issues coming in the future for codeblock fixes. I'll be sure to include you in the next round.

BryanF1nes commented 7 months ago

@JoshDevHub Wonderful, thanks!

MaoShizhong commented 7 months ago

Thank you to everyone who contributed to this!

TheOdinProject / curriculum