awesome-learning-resources
github.com/stevelab1/awesome-learning-resources ↗A curated list of awesome learning and career development resources for Front End Web Developers.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me react resources from awesome-learning-resources"
Installation instructions →What's inside
React
- 13 Essential React Interview Questions
- A Definitive Guide to Optimize Major Performance issues in React
- aframe-react
A-Frame VR + React
- aleph.js
The React Framework in Deno
- ant-design
A design system with values of Nature and Determinacy
- aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
React Native
- A Complete Guide to Flexbox
- A Mini-Course on React Native Flexbox
- Bus Timetable
- Create React Native App
Create React Native apps that run on iOS, Android, and web
- Digital Smart Mirror lab with React Native
- Expo
The Expo platform for making cross-platform mobile apps
Demo React Apps
- hackernews-react-graphql
Hacker News clone rewritten with universal JavaScript, using React and GraphQL
Still to be organised:
- https://create-react-app.dev/docs/deployment/#github-pages
Create React App npm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html, and requests to static paths like /static/js/main..js are served with the contents of the /static/js/main..js file. For more information see the production build section.https://create-react-app.dev/docs/deployment/#github-pages
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
MDN The conditional (ternary) operator is the only JavaScript operator that takes three operands: a condition followed by a question mark (?), then an expression to execute if the condition is truthy followed by a colon (:), and finally the expression to execute if the condition is falsy. This operator is frequently used as an alternative to an if...else statement.
- https://robertmarshall.dev/blog/arrange-act-and-assert-pattern-the-three-as-of-unit-testing/
Rob Marshall How to use Arrange Act Assert pattern in unit testing, and why it is so helpful. Arrange-Act-Assert is powerful because it is simple. By keeping the tests short and concise means clean tests. (36 kB)
- https://www.digitalocean.com/community/conceptual-articles/prototype-design-pattern-in-javascript
DigitalOcean Any JavaScript developer has either seen the keyword prototype, confused by the prototypical inheritance, or implemented prototypes in their code. The Protot…
- https://www.youtube.com/watch?v=2d7s3spWAzo
Fun Fun Function Promises - Part 8 of Functional Programming in JavaScript
- https://www.youtube.com/watch?v=8NX808LlUFQ
Before Semicolon Map/Dictionaries in javascript - When to use Map vs Object
Real React Apps
- mattermost
Open source Slack alternative
Showing a sample of 381 resources. View the full list on GitHub →