forked from UNO-Coders/Web-Development
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added best resource for leaning react js with working links
- Loading branch information
1 parent
bc71aac
commit f2261e0
Showing
3 changed files
with
93 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file added
BIN
+125 KB
Reactjs-Resources/ReactJS_Resourses_List/images/react-Learn-Anything.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
93 changes: 93 additions & 0 deletions
93
Reactjs-Resources/ReactJS_Resourses_List/react_resourses.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" | ||
| integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> | ||
| <link rel="shortcut icon" href="images/React.ico" type="image/x-icon"> | ||
| <title>React js Resource</title> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <section> | ||
| <div> | ||
| <!-- roadmap --> | ||
| <h1 class="display-3 text-center mt-2">Best learning resources for React JS beginners</h1> | ||
| <p class="display-6 text-center mt-5">First of all before learning Something new we need a roadmap And i | ||
| know a | ||
| <strong>Good One.</strong> <a href="https://learn-anything.xyz/1905" target="_blank" | ||
| rel="noopener noreferrer"><em><u>Click | ||
| Here</u></em> </a> | ||
|
|
||
| <img src="images/react-Learn-Anything.png" alt="" class="w-50 mt-5 mx-auto"> | ||
| </p> | ||
| </div> | ||
| <div> | ||
| <h4 class="display-6 text-center mt-5">Some good <u>Github repos</u> for Learning ReactJS </h4> | ||
| <ol class="display-6 mx-5 "> | ||
| <li><a href="https://github.com/enaqx/awesome-react" target="_blank" | ||
| rel="noopener noreferrer">Awesome-react</a></li> | ||
| <li><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer">facebook | ||
| ReactJS</a></li> | ||
| <li><a href="https://github.com/PacktPublishing/Learning-React" target="_blank" | ||
| rel="noopener noreferrer">Learning-React</a></li> | ||
| <li><a href="https://github.com/MoonHighway/learning-react" target="_blank" | ||
| rel="noopener noreferrer">React resource</a></li> | ||
| <li><a href="https://github.com/topics/learn-react" target="_blank" rel="noopener noreferrer">Topic: | ||
| Learn ReactJS</a></li> | ||
| </ol> | ||
|
|
||
| </div> | ||
|
|
||
| <div> | ||
| <h5 class="display-6 text-center mt-5"> Some Awesome <u>Blog and Videos</u> For React</h5> | ||
| <p class="display-6 mx-5">Video : <a href="https://egghead.io/courses/the-beginner-s-guide-to-react" | ||
| target="_blank" rel="noopener noreferrer">One of my favorite (Course)</a></p> | ||
| <p class="display-6 mx-5">Video : <a href="https://www.youtube.com/watch?v=a_7Z7C_JCyo" target="_blank" | ||
| rel="noopener noreferrer">free code camp 15 react projects</a></p> | ||
| <p class="display-6 mx-5">Blog : <a href="https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/" | ||
| target="_blank" rel="noopener noreferrer">React under the hood blog</a></p> | ||
| <p class="display-6 mx-5">Video : <a href="https://www.youtube.com/watch?v=Dorf8i6lCuk" target="_blank" | ||
| rel="noopener noreferrer">Crash Course on React js by Academind | ||
| </a></p> | ||
| <p class="display-6 mx-5">Blog : <a href="https://btholt.github.io/complete-intro-to-react/" | ||
| target="_blank" rel="noopener noreferrer">Complete-intro-to-react</a> </p> | ||
|
|
||
| </div> | ||
|
|
||
| <div> | ||
| <h4 class="display-6 text-center mt-5">Some other honorable mention of learning resources</h4> | ||
| <ul class="display-6 mx-5 "> | ||
| <li><a href="https://react.holiday/" target="_blank" rel="noopener noreferrer">React holiday</a></li> | ||
| <li><a href="https://www.reactiflux.com/" target="_blank" rel="noopener noreferrer">Reactiflux </a></li> | ||
| <li><a href="https://github.com/vasanthk/react-bits" target="_blank" rel="noopener noreferrer"> | ||
| React-Bits Github Community</a></li> | ||
| <li><a href="https://reactjs.org/docs/hello-world.html" target="_blank" rel="noopener noreferrer">React | ||
| js Official Docs</a></li> | ||
| <li><a href="https://jasonformat.com/wtf-is-jsx/" target="_blank" rel="noopener noreferrer">wtf-is-jsx | ||
| (Official Blog)</a></li> | ||
| <li><a href="https://www.reddit.com/r/reactjs/" target="_blank" rel="noopener noreferrer">React js sub | ||
| reddit</a></li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" | ||
| integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" | ||
| crossorigin="anonymous"></script> | ||
| </body> | ||
|
|
||
| </html> |