Created
November 6, 2020 11:39
-
-
Save bookercodes/256d5b4a945e6dcad061df275843db57 to your computer and use it in GitHub Desktop.
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
{ | |
"faq": [ | |
{ | |
"question": "Why is React popular?", | |
"answer": "React initially skyrocketed 🚀 to fame because it made fetching and showing data in your JavaScript apps much easier than before. Because React is \"just\" a library instead of an elaborate framework, it was - and still is - relatively easy to learn. In 2020, we love React for its mobile support through React Native, excellent developer tools, and helpful community." | |
}, | |
{ | |
"question": "Who uses React?", | |
"answer": "Facebook built React for their own products, which include Facebook, Instagram, and WhatsApp . React is also used by Netflix, The New York Times, AirBnb, Discord, DropBox, and many other big companies you've heard of." | |
}, | |
{ | |
"question": "What is React used for?", | |
"answer": "React is used for frontend web apps to detect user input, fetch data, and update the user interface with data. React does all this with maximum performance." | |
}, | |
{ | |
"question": "What can React do?", | |
"answer": "React mainly gives you a structured way to create reusable frontend UI components, handle user input, update UI components efficiently, and manage your data. " | |
}, | |
{ | |
"question": "Should I learn React in 2020?", | |
"answer": "Yes! React is the most popular frontend library in 2020 for numerous reasons. We are willing to bet that someone is preparing an update for React or at least, a React tool as you're read this. React is very relevant in 2020 and not likely to go out of style anytime soon." | |
}, | |
{ | |
"question": "Should I learn React or Angular?", | |
"answer": "Ah, the age old question! Anything you can build with React, you can build with Angular, and vice versa. Which you pick to learn is mostly preference. While React is best described as a library, Angular is an elaborate framework. With React, you'll pick and choose additional libraries that suit your project whereas, with Angular, you're expected to include the libraries you're given (they're pretty good). " | |
}, | |
{ | |
"question": "What isn't good about React?", | |
"answer": "React is not without its downsides. When compared with a framework like Angular, you will find there is no predefined way to structure your app. To ensure you get the most from React, you'll need to spend a little more time researching and implementing popular and effective ways to structure your app." | |
}, | |
{ | |
"question": "Can I learn React without knowing JavaScript?", | |
"answer": "React doesn't rely on any advanced, mind-boggling JavaScript features but you absolutely should know the basics of JavaScript before attempting learning React; otherwise, you're in for a hard time." | |
}, | |
{ | |
"question": "How long does it take to learn React?", | |
"answer": "React is a small library built on clever design patterns and ideas. With a React course or tutorial, you could build your first app today but it will likely take you a few more days of practice to fully understand the core React concepts and unlock their full power. This, of course, depends on your experience and how much time you can commit." | |
}, | |
{ | |
"question": "Is React a framework or a library?", | |
"answer": "React is a library - a library of helpful functions and modules to pull into your app as and when you need them. This means you're in complete control of your app. A framework, by definition, is the essential support for your app, which build on and operate within." | |
}, | |
{ | |
"question": "Can I use React for backend?", | |
"answer": "No, not really. For that, you'll need a server-side tool like Node and a server-side Node framework like Express. React does occasionally appear in backend frameworks like Next.js to do something advanced called server-side rendering, which is a smart way to improve page load time and SEO." | |
}, | |
{ | |
"question": "Can I use React with WordPress, Django, PHP, and other backend tools?", | |
"answer": "Yes, absolutely. In the early days, React probably worked best with Node.js but in 2020, it's free game. React is a fantastic candidate for any backend framework." | |
}, | |
{ | |
"question": "How much do React developers get paid?", | |
"answer": "Salaries can vary greatly from $40K to over $100k and beyond. It depends on your aptitude, attitude, and location!" | |
}, | |
], | |
"projects": [ | |
{ | |
"img": "https://scrimba.ams3.cdn.digitaloceanspaces.com/assets/courses/glearnreact/glearnreact-project-1.jpg", | |
"desc": "In this project you'll create an awesome todo app. It's a classic app which introduces you to the most important concepts of React.", | |
"title": "Todo MVC" | |
}, | |
{ | |
"img": "https://scrimba.ams3.cdn.digitaloceanspaces.com/assets/courses/glearnreact/glearnreact-project-2.jpg", | |
"desc": "Memes are awesome so let's build a meme generator! It let's you speficy and image and a text and generated a meme.", | |
"title": "Meme Generator App" | |
} | |
], | |
"learnings": [ | |
"JSX", | |
"Props and state", | |
"Conditional rendering", | |
"Functional components", | |
"Class components", | |
"Styling components", | |
"Lifecycle methods", | |
"Fetching data from APIs", | |
"Handling events", | |
"Forms in React", | |
"Controlled components", | |
"Writing modern React", | |
"Local dev setup", | |
"React Hooks" | |
], | |
"prerequisites": { | |
"text": "Before taking this course, you should have a basic understanding of HTML, CSS, and JavaScript. Here’s our suggested resources to get you up to speed.", | |
"courses": [ | |
"ghtmlcss", | |
"gintrotojavascript" | |
] | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment