awesome-react-framer-x
github.com/davo/awesome-react-framer-x ↗A collection of awesome links to learn React, ES6 & Framer X
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 & typescript articles resources from awesome-react-framer-x"
Installation instructions →What's inside
Articles
- 10 TypeScript Pro Tips / PatternsReact & TypeScript Articles
Oct 29, 2018
- 9 things every React.js beginner should knowReact & TypeScript Articles
A list of tips to help you get a better foundation with React by
- All React Conditional Rendering TechniquesReact & TypeScript Articles
Sep 21, 2018
- AlvaReact based design tools, online tools and REPLs
Alva is a React based Design Tool (in beta).
- An intro to {props.children} in Framer XFramer X Articles
Sep 16, 2018.
- AtomCode Editors
Atom is the code editor developed by Github. Ultra hackable, with tons of packages created by the community.
What is Framer X?
- An (Advanced) Guide to Code ComponentsFor advanced React & Framer X users
- ES6 / React CheatsheetGetting started with React
- React DocsGetting started with React
Make sure to check out the new React Docs. It's an overview of the most useful resources, including the
Other lists, communities, meetups and more.
- Awesome React
A collection of awesome things regarding React ecosystem.
- Discussion forum at discuss.reactjs.org
This forum is a great place for discussion about best practices and application architecture as well as the future of React.
- Framer React Slack Channel
If you have questions, resources or just want to share something, join us!
- Framer X Slack Channel
Share your work, ask questions and help other Framer X enthusiasts!
- React.js meetup groups
- spectrum.chat/framer
Another channel to share your prototypes and ask questions about Framer.
Tutorials
- Build with React - Tutorial
Learn React quickly with this interactive tutorial.
- How to learn React.js in 2019React & TypeScript Articles
Article by
- React Tutorial
A Comprehensive Guide to learning React.js in 2018, by
- React Tutorial for Beginners
This React tutorial will explain everything in simple terms and plain English so you don’t feel overwhelmed or frustrated while learning React, by
- Tutorial: Intro to React
Build a game. Master the fundamentals to create a React app.
- What Is React?
React terms in plain English and doodles.
Courses
- Codecademy - React 101Free React Courses
Develop a strong understanding of React's most essential concepts.
- Design + Code Free Framer X CourseFramer X Courses
Meng To & Team created an awesome 10 part crash course to learn all about the design & code parts of Framer X, including layouts, design components, stacks, code components, code overrides, using data on a code component and more.
- Design & Development Workflow with Framer XFramer X Courses
Emmanuel Henri on Lynda.com. A deep dive into the designer to developer workflow, going over how React relates to Framer X and prototyping, as well as the proper guidelines to follow when creating designs for the web and mobile devices.
- Egghead.io: Start Learning ReactFree React Courses
Explore the basic fundamentals of React to get you started, by
- Egghead.io: The Beginner's Guide to ReactFree React Courses
For React newbies and those looking to get a better understanding of React fundamentals, by
- ES6 for EveryoneES6 Courses
Improve your core JavaScript skills and master all that ES6 has to offer, by
Framer X Components, Tools & Tips
- Framer Tools
Create code components for your Framer X file right from the command line, created by
- Framer X Build System
A build system to transpile React components for use in Framer X - Check out the (
- Framer X Tips
A compilation of Framer X tricks and hidden gems, +50 so far and ground. Made by
Showing a sample of 115 resources. View the full list on GitHub →