diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 0000000000..321d387b42 --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1,21 @@ +github: [Asabeneh] +thanks_dev: +custom: [] + + + +# These are supported funding model platforms + +# github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] +# patreon: # Replace with a single Patreon username +# open_collective: # Replace with a single Open Collective username +# ko_fi: # Replace with a single Ko-fi username +# tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel +# community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry +# liberapay: # Replace with a single Liberapay username +# issuehunt: # Replace with a single IssueHunt username +# lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry +# polar: # Replace with a single Polar username +# buy_me_a_coffee: # Replace with a single Buy Me a Coffee username +# thanks_dev: # Replace with a single thanks.dev username +# custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] diff --git a/09_Day_Conditional_Rendering/09_conditional_rendering.md b/09_Day_Conditional_Rendering/09_conditional_rendering.md index 989e28437e..a2ceb403a1 100644 --- a/09_Day_Conditional_Rendering/09_conditional_rendering.md +++ b/09_Day_Conditional_Rendering/09_conditional_rendering.md @@ -757,6 +757,8 @@ class App extends React.Component { const rootElement = document.getElementById('root') ReactDOM.render(, rootElement) ``` +## Testimony +Now it is time to express your thoughts about the Author and 30DaysOfReact. You can leave your testimonial on this [link](https://www.asabeneh.com/testimonials) ## Exercises diff --git a/30_conclusions/30_conclusions.md b/30_conclusions/30_conclusions.md index 4d7e29f2b2..72fcc18853 100644 --- a/30_conclusions/30_conclusions.md +++ b/30_conclusions/30_conclusions.md @@ -23,6 +23,10 @@ In this challenge, we have covered React with and without hooks. All the most important features of React has been included. If you did all the exercises and projects in this challenge I would say your React and JavaScript level is very high. You are ready for developer positions. This challenge was made in this month and it will be updated and improved in the coming months. We will correct grammar and typo mistakes. Some content might be added, the pending exercises in some days challenge will be included. It is good to check it at some point, because there might be some interesting projects. You have been learning and coding for the last 30 days and you made it to this day. You are a special person and you deserve recognition. Therefore, you can claim a 30 Days React challenge completion certificate. In addition, celebrate your success with a friend and family. I will see you in another challenge or courses. Thank you for being a proactive community member and part of the challenge. Finally, recommend the material for a family, friend or enemy if you believe that it helped you and of course support the author to create more learning materials. +## Testimony +Now it is time to express your thoughts about the Author and 30DaysOfReact. You can leave your testimonial on this [link](https://www.asabeneh.com/testimonials) + + # Exercises ๐ŸŽ‰ CONGRATULATIONS ! ๐ŸŽ‰ diff --git a/images/Wispr_Flow-Logo-white.png b/images/Wispr_Flow-Logo-white.png new file mode 100644 index 0000000000..744cd11ae0 Binary files /dev/null and b/images/Wispr_Flow-Logo-white.png differ diff --git a/images/Wispr_Flow-logo.png b/images/Wispr_Flow-logo.png new file mode 100644 index 0000000000..db23893162 Binary files /dev/null and b/images/Wispr_Flow-logo.png differ diff --git a/images/wispr_flow_logo.svg b/images/wispr_flow_logo.svg new file mode 100644 index 0000000000..1e5343caec --- /dev/null +++ b/images/wispr_flow_logo.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/readMe.md b/readMe.md index 1f9e1788c8..2d1f9308b1 100644 --- a/readMe.md +++ b/readMe.md @@ -5,6 +5,7 @@

30 Days Of React

+ @@ -56,13 +57,58 @@ ๐Ÿงก๐Ÿงก๐Ÿงก HAPPY CODING ๐Ÿงก๐Ÿงก๐Ÿงก -
+ + +--- +
+

๐Ÿ’– Sponsors

+ +

Our amazing sponsors for supporting my open-source contribution and the 30 Days of Challenge series!

+ +

Current Sponsor

+
+
+ + + + + + Wispr Flow Logo + + + +

+ + Talk to code, stay in the Flow. + +

+ +

+ + Flow is built for devs who live in their tools. Speak and give more context, get better results. + +

+ --- +

๐Ÿ™Œ Become a Sponsor

+ +

You can support this project by becoming a sponsor on GitHub Sponsors or through PayPal.

+ +

Every contribution, big or small, makes a huge difference. Thank you for your support! ๐ŸŒŸ

+ +
+--- + +- [](#) - [Introduction](#introduction) - [Requirements](#requirements) - [How to Use Repo](#how-to-use-repo) @@ -91,7 +137,9 @@ ## Introduction -**Congratulations** on deciding to participate in 30 days of React programming challenge. In this challenge you will learn everything you need to use to develop a React application. In the end of the challenge you will get a 30DaysOfReact programming challenge completion certificate. In case you need help or if you would like to help others you may join the [telegram group](https://t.me/thirtydaysofreact). +**Congratulations** on deciding to participate in 30 days of React programming challenge. In this challenge you will learn everything you need to use to develop a React application. In the end of the challenge you will get a 30DaysOfReact programming challenge completion certificate. In order to get a certificate, you have to enroll to [DevOsome](https://www.devosome.com/) which is an interactive and engaging online educational platform. + +In case you need help or if you would like to help others you may join the [telegram group](https://t.me/thirtydaysofreact). **A 30DaysOfReact** challenge is a guide for both beginners and advanced JavaScript and React developers. Welcome to 30 Days Of React. React is a JavaScript library. I enjoy using and teaching React and I hope you will do so too. In this step by step 30 Days React challenge, you will learn React which is one of most popular user interface JavaScript libraries. @@ -101,7 +149,13 @@ I believe you will learn quite a lot in the next 30 days and your programming an I will use conversational English and less jargons to write this challenge. The content will be continuously updated. If you find a typo or grammar mistakes don't be surprised because I don't do any proof read before I publish it. I would recommend you to focus on the main message of the challenge instead of the English and some minor mistakes. I really appreciate if you send me pull requests for improvement and remember to pull first from master before you send pull requests. Most of the images I have used in this challenge came from 30DaysOfJavaScript challenge therefore you may need to rename file names and folders 30DaysOfReact. If you are good at arrays, loops, functions, objects, functional programming, destructuring and spreading and class then you will be able to follow the challenge properly. Otherwise, I strongly recommend you to check [30DaysOfJavaScript](https://github.com/Asabeneh/30-Days-Of-JavaScript). -Before you dive into this course, you may check the [review](https://t.me/thirtydaysofreact/992) of 30 Days Of React. +Before you dive into this course, you may check the [review](https://t.me/thirtydaysofreact) of 30 Days Of React. + +This challenge is easy to read, written in conversational English, engaging, motivating and at the same time, it is very demanding. You need to allocate much time to finish this challenge. If you are a visual learner, you may get the video lesson on Washera YouTube channel. Subscribe the channel, comment and ask questions on YouTube vides and be proactive, the author will eventually notice you. + +The author likes to hear your opinion about the challenge, share your thoughts about the 30DaysOfJavaScript challenge. You can leave your testimonial on this [link](https://www.asabeneh.com/testimonials) + +Learn with Asabeneh by joining the upcoming [CODING BOOTCAMP](https://docs.google.com/forms/d/e/1FAIpQLSf0oNIYR9XU1DCctfl-pY36KbWse-SQX5aQaUgetqSinFYnmQ/viewform) ## Requirements