From 542d128582ef6be6ce72bffecb8f1d03c792af48 Mon Sep 17 00:00:00 2001 From: mojpm Date: Thu, 5 Nov 2020 10:41:53 +0300 Subject: [PATCH] Update Vue & React Resources --- README.md | 225 ++++++++++++++++++++++++++++++------------------------ 1 file changed, 124 insertions(+), 101 deletions(-) diff --git a/README.md b/README.md index 3faee16..e72fe0f 100644 --- a/README.md +++ b/README.md @@ -236,9 +236,8 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) - [CodeChef](https://www.codechef.com/) - [SPOJ](https://www.spoj.com/) - - Snippets and cheatsheets - + - [A ridiculous collection of cheatsheets](https://devhints.io/) - [Modern JavaScript Cheatsheet](https://github.com/mbeaudru/modern-js-cheatsheet) - [Favorite JavaScript utilities in single line of code](https://1loc.dev/) @@ -284,6 +283,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) # Git - Courses + - [Version Control with Git](https://www.coursera.org/learn/version-control-with-git/) - [A Guide to Git & Version Control](https://www.educative.io/courses/guide-to-git-and-version-control/) - [Getting Started with Git πŸ’΅](https://www.pluralsight.com/courses/getting-started-git/) @@ -292,20 +292,24 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) - [Git Cheat Sheet](http://www.ndpsoftware.com/git-cheatsheet.html) - Books + - [Pro Git](https://git-scm.com/book/en/v2) - Tools - [Github](http://github.com/) + - [Bitbucket](https://bitbucket.org/) - [Sourcetree](https://www.sourcetreeapp.com/) - [Git Extensions for Windows](https://github.com/gitextensions/gitextensions) # React - Documentation + - [React Docs](https://reactjs.org/docs/getting-started.html) - [React Cheatsheet](https://devhints.io/react) - Courses + - Pluralsight - [React Getting Started](https://www.pluralsight.com/courses/react-js-getting-started) - Egghead - [The Beginner's Guide to React](https://egghead.io/courses/the-beginner-s-guide-to-react) - Scrimba - [Learn React](https://scrimba.com/course/glearnreact) @@ -325,23 +329,25 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) - [React from Zero πŸ’΅](https://www.newline.co/react-from-zero/) - Podcasts - - [React Podcast](https://reactpodcast.com/) + + - [The React Podcast](https://reactpodcast.com/) + - [React Round Up](https://devchat.tv/react-round-up) + +- Blog Sites + + - [Official React Blog](https://reactjs.org/blog/) + - [Kent C. Dodds' Blog](https://blog.kentcdodds.com/) - Youtube Channels + - [Codevolution](https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw) - [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg) - [freeCodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ) - [Traversy Media](https://www.youtube.com/user/TechGuyWeb) - [Coding Addict](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA) -- Articles - - - [How to React](https://kentcdodds.com/blog/how-to-react) - - [React Fundamentals - Props Vs State](https://kentcdodds.com/blog/props-vs-state) - - [Application State Management with React](https://kentcdodds.com/blog/application-state-management-with-react) - - [Authentication in React Applications](https://kentcdodds.com/blog/authentication-in-react-applications) - - React Tooling + - [npm](https://www.npmjs.com/) - [ES Lint](https://eslint.org/) - [Lodash](https://lodash.com/) @@ -349,40 +355,46 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) - [React Sight](http://www.reactsight.com/) - [React Router](https://github.com/ReactTraining/react-router) - [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) - - - State Management - - [Redux](https://github.com/reduxjs/redux) - - [Mobx](https://mobx.js.org/README.html) - - [Recoil](https://github.com/facebookexperimental/Recoil) - - UI Framework / UI Library - - [Reactstrap](https://reactstrap.github.io/) - - [React Bootstrap](https://react-bootstrap.github.io/) - - [Onsen UI](https://onsen.io/react/) - - [Material UI](https://material-ui.com/) - - [Material Kit React](https://github.com/creativetimofficial/material-kit-react) - - [React Toolbox (Material Design)](http://react-toolbox.io/) - - [Semantic UI React](https://react.semantic-ui.com/) - - [Rebass](https://rebassjs.org/) - - [Grommet](https://v2.grommet.io/components) +- State Management - - Unit Testing - - [Jest](https://jestjs.io/docs/en/tutorial-react) - - [React Testing Library](https://testing-library.com/docs/react-testing-library/intro) - - [Enzyme](https://github.com/enzymejs/enzyme) + - [Redux](https://github.com/reduxjs/redux) + - [Mobx](https://mobx.js.org/README.html) + - [Recoil](https://github.com/facebookexperimental/Recoil) - - Create React App - - [Create React App](https://github.com/facebook/create-react-app) - - [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate) +- UI Framework / UI Library - - CSS in JS - - [Styled Components](https://github.com/styled-components/styled-components) - - [Emotion (css in js)](https://emotion.sh/) + - [Reactstrap](https://reactstrap.github.io/) + - [React Bootstrap](https://react-bootstrap.github.io/) + - [Onsen UI](https://onsen.io/react/) + - [Material UI](https://material-ui.com/) + - [Material Kit React](https://github.com/creativetimofficial/material-kit-react) + - [React Toolbox (Material Design)](http://react-toolbox.io/) + - [Semantic UI React](https://react.semantic-ui.com/) + - [Rebass](https://rebassjs.org/) + - [Grommet](https://v2.grommet.io/components) - - Remote Data Fetching - - [Axios](https://www.npmjs.com/package/axios) - - [swr](https://github.com/vercel/swr) - - [React Query](https://github.com/tannerlinsley/react-query) +- Unit Testing + + - [Jest](https://jestjs.io/docs/en/tutorial-react) + - [React Testing Library](https://testing-library.com/docs/react-testing-library/intro) + - [Enzyme](https://github.com/enzymejs/enzyme) + +- Create React App + + - [Create React App](https://github.com/facebook/create-react-app) + - [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate) + +- CSS in JS + + - [Styled Components](https://github.com/styled-components/styled-components) + - [Emotion (css in js)](https://emotion.sh/) + +- Remote Data Fetching + + - [Axios](https://www.npmjs.com/package/axios) + - [swr](https://github.com/vercel/swr) + - [React Query](https://github.com/tannerlinsley/react-query) - Server Side Rendering @@ -390,6 +402,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) - [Gatsby](https://www.gatsbyjs.com/) - Experts on Twitter + - [Andrew Clark](https://twitter.com/acdlite) - [Brian Vaughn](https://twitter.com/brian_d_vaughn) - [Dan Abramov](https://twitter.com/dan_abramov) @@ -400,6 +413,17 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) - [Seth Webster](https://twitter.com/sethwebster) - [Kent C. Dodds](https://twitter.com/kentcdodds) +- Conferences + - [ReactNext](https://react-next.com/) + - [React Rally](http://www.reactrally.com/) + - [ReactFest](https://reactfest.uk/) + - [React Europe](https://www.react-europe.org/) +- Community + - [React Forum](https://discuss.reactjs.org/) + - [Reactiflux](https://www.reactiflux.com/) + - [Reddit](https://www.reddit.com/r/reactjs/) + - [React Spectrum](https://spectrum.chat/react) + [πŸ‘† Back To Top](#table-of-contents) # Vue @@ -408,85 +432,84 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD) - [Vue Docs](https://vuejs.org/v2/guide/) - [Vue Cheatsheet](https://devhints.io/vue) + - [Vue Cookbook](https://vuejs.org/v2/cookbook/) + - MDN - [Getting started with Vue](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started) - Courses - - [Learn Vue by Building and Deploying a CRUD App](https://testdriven.io/courses/learn-vue/) - This course is focused on teaching the fundamentals of Vue by building and testing a web application using Test-Driven Development (TDD). - - [Advanced Vue.js Features from the Ground Up](https://frontendmasters.com/courses/advanced-vue/) - Learn how to build more accessible routing, state management, form validation and internationalization libraries from the ground up! - - [Become a Ninja with Vue 3](https://vue-exercises.ninja-squad.com) - This course teaches how to build a complete application with Vue 3, step by step, using Vue CLI, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code. + - Laracasts - [Learn Vue 2: Step By Step](https://laracasts.com/series/learn-vue-2-step-by-step) + - Vuemastery - [Intro to Vue 2](https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/) + - Scotch - [Getting Started with Vue.js](https://scotch.io/courses/getting-started-with-vuejs?ref=home-start-here) + - freeCodeCamp - [Learn Vue.js - Full Course for Beginners](https://www.freecodecamp.org/news/vue-js-full-course/) + - Testdriven - [Learn Vue by Building and Deploying a CRUD App](https://testdriven.io/courses/learn-vue/) + - Frontend Masters - [Advanced Vue.js Features from the Ground Up](https://frontendmasters.com/courses/advanced-vue/) + - Vue-Exercises Ninja Squad - [Become a Ninja with Vue 3](https://vue-exercises.ninja-squad.com) + - VueSchool - [Learn Vue πŸ’΅](https://vueschool.io/) + - Vuemastery - [Premium Beginner to Advanced Vue Course πŸ’΅](https://www.vuemastery.com/courses) - Books - - [The Majesty Of Vue.js](https://www.packtpub.com/web-development/majesty-vuejs) - - [Learning Vue.js 2](https://www.packtpub.com/web-development/learning-vuejs-2) - - [The Majesty Of Vue.js 2](https://leanpub.com/vuejs2) - - [Vue.js 2 Cookbook](https://www.packtpub.com/web-development/vuejs-2-cookbook) - - [Vue.js in Action](https://www.manning.com/books/vue-js-in-action) - - [Testing Vue.js Applications](https://www.manning.com/books/testing-vuejs-applications) - - [Vue.js 2 and Bootstrap 4 Web Development](https://www.packtpub.com/web-development/vuejs-2-and-bootstrap-4-web-development) - - [Full-Stack Vue.js 2 and Laravel 5](https://www.packtpub.com/application-development/full-stack-vuejs-2-and-laravel-5) - - [Mastering Vue.js](https://masteringvuejs.com) - - [Fullstack Vue: The Complete Guide to Vue.js](https://www.fullstack.io/vue/) - - [Vue.js 2 Design Patterns and Best Practices](https://www.amazon.com/dp/178883979X) - - [Vuex Quick Start Guide](https://www.amazon.com/dp/1788999932) - - [Full-Stack Web Development with Vue.js and Node](https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144) - - [The Vue Handbook](https://vuehandbook.com) - - [ASP.NET Core 2 and Vue.js](https://www.amazon.com/dp/1788839463) - - [Getting to Know Vue.js](https://www.apress.com/us/book/9781484237809) - - [Vue: Build & Deploy](https://leanpub.com/vue-book) - - [Building Applications with Spring 5 and Vue.js 2](https://www.packtpub.com/application-development/building-applications-spring-5-and-vuejs-2) - - [Vue.js Quick Start Guide](https://www.packtpub.com/application-development/vuejs-quick-start-guide) - - [Vue.js Component Patterns Course](https://fdietz.de/pages/vue-component-patterns-course/) - - [Vue.js: Understanding its Tools and Ecosystem](https://www.packtpub.com/business-other/vue-js-understanding-its-tools-and-ecosystem?utm_source=vue.js.org&utm_medium=referral&utm_campaign=OutreachB15894fivedollar) - - [Building Forms with Vue.js](https://www.packtpub.com/business-other/building-forms-with-vue-js?utm_source=Vuejs.org&utm_medium=referral&utm_campaign=OutreachB15411) - - [Testing Vue.js Components with Jest](https://www.packtpub.com/programming/testing-vue-js-components-with-jest?utm_source=vue.js.org&utm_medium=refferal&utm_campaign=OutreachB15653) - - [Vue.js](https://www.amazon.com/Vue-js-Actionable-Chris-Minnick/dp/1951959019) - - [Become a Ninja with Vue 3](https://books.ninja-squad.com/vue) - - [Large Scale Apps with Vue 3 and TypeScript](http://leanpub.com/vue-typescript/c/vaYXLEFWbMi7) + - [The Mastery Of Vue.js 2 πŸ’΅](https://leanpub.com/vuejs2) + - [Vue.js: Up and Running πŸ’΅](http://shop.oreilly.com/product/0636920103455.do) + - [Fullstack Vue πŸ’΅](https://www.fullstack.io/vue/) + - [Vue.js in Action πŸ’΅](https://www.manning.com/books/vue-js-in-action) + - [Testing Vue.js components with Jest πŸ’΅](https://leanpub.com/testingvuejscomponentswithjest) + - [Large Scale Apps with Vue 3 and TypeScript πŸ’΅](http://leanpub.com/vue-typescript/c/vaYXLEFWbMi7) + - [Mastering Vue.js πŸ’΅](https://masteringvuejs.com) + - [Full-Stack Web Development with Vue.js and Node πŸ’΅](https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144) + - [Vue.js: Understanding its Tools and Ecosystem πŸ’΅](https://www.packtpub.com/business-other/vue-js-understanding-its-tools-and-ecosystem) + - [The Vue Handbook πŸ’΅](https://vuehandbook.com) + - [Vue.js 2 Design Patterns and Best Practices πŸ’΅](https://www.amazon.com/dp/178883979X) + - [Vue: Build & Deploy πŸ’΅](https://leanpub.com/vue-book) - Podcasts - - [Enjoy the Vue: The new Vue.js podcast](https://enjoythevue.io/) - - [Full Stack Radio #30 (11-23-2015)](http://www.fullstackradio.com/30) - - [JavaScript Jabber #187 (11-25-2015)](https://devchat.tv/js-jabber/187-jsj-vue-js-with-evan-you) - - [Changelog #184 (11-27-2015)](https://changelog.com/podcast/184) - - [Software Engineering Daily (12-29-2015)](http://softwareengineeringdaily.com/2015/12/29/front-end-javascript-with-evan-you/) - - [JavaScript Air 016 (03-30-2016)](https://javascriptair.com/episodes/2016-03-30/) - - [Full Stack Radio #50 (09-21-2016)](http://www.fullstackradio.com/50) - - [MW S04E08 - Vue.js with Evan You and Sarah Drasner (04-27-2017)](https://modernweb.podbean.com/e/mw-s04e09-evan-yu-sarah-drasner/) - - [Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017)](https://changelog.com/rfc/12) - - [The Web Platform Podcast 132: Vue.js (07-27-2017)](http://thewebplatformpodcast.com/132-vuejs) - - [JavaScript Jabber #276 with Maximilian SchwarzmΓΌller (08-29-2017)](https://devchat.tv/js-jabber/jsj-276-vue-js-with-maximilian-schwarzmuller/) - - [Animating VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)](https://softwareengineeringdaily.com/2017/12/01/animating-vuejs-with-sarah-drasner/) - - [Views on Vue (weekly podcast on Vue started 03-06-2018)](https://devchat.tv/views-on-vue) - - [Vue podcast list via The QIT Tech Podcast Indexer](https://qit.cloud/search/vue) - - [Cynical Developer #99 (10-15-2018)](https://cynicaldeveloper.com/podcast/99/) - - [Syntax #130 (03-27-2019)](https://syntax.fm/show/130/the-vuejs-show-scott-teaches-wes) - - [ε’Œ Vue.js ζ‘†ζžΆηš„δ½œθ€…θŠθŠε‰η«―ζ‘†ζžΆεΌ€ε‘θƒŒεŽηš„ζ•…δΊ‹ [zh-CN]](https://teahour.fm/78) + - [Vue News Podcast](https://news.vuejs.org/) + - [Enjoy the Vue](https://enjoythevue.io/) + - [Views on Vue](https://devchat.tv/views-on-vue) + - [Software Engineering Daily](http://softwareengineeringdaily.com/2015/12/29/front-end-javascript-with-evan-you/) + - [JavaScript Jabber Episode 276](https://devchat.tv/js-jabber/jsj-276-vue-js-with-maximilian-schwarzmuller/) + - [Syntax Episode 130](https://syntax.fm/show/130/the-vuejs-show-scott-teaches-wes) + - [Cynical Developer Episode 99](https://cynicaldeveloper.com/podcast/99/) - Youtube Channels - - [VueNYC](https://www.youtube.com/vuenyc) + - [freeCodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ) + - [Traversy Media](https://www.youtube.com/user/TechGuyWeb) + - [Vue NYC](https://www.youtube.com/vuenyc) - [VueConf EU](https://www.youtube.com/channel/UC9dJjbYeXjirDYYVfUD3bSw) -- Vue Tooling - - - [vue-dev-server](https://github.com/paulpflug/vue-dev-server) - A small development server for building `vue` components. - - [Storybook](https://storybook.js.org) - The UI Development Environment. works with v3.2+ later. - - [Font Awesome Finder](https://chrome.google.com/webstore/detail/font-awesome-icon-finder/kjejboahkcobalmgldloeinebmbomgog) - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard. - - [vue-dummy](https://github.com/paulcollett/vue-dummy) - Placeholder Text and Dummy Images as a simple `v-dummy` directive. - - [Bit](https://github.com/teambit/bit) - Manage and reuse `vue` components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects. - - [ComponentFixture](https://github.com/David-Desmaisons/ComponentFixture) - is a component design to develop and test other components, automatically binding their props. - - [vue-cli-template-dev-server](https://github.com/eliranmal/vue-cli-template-dev-server) - A development server for building vue-cli custom templates. - - [vue-codemods](https://github.com/SergioCrisostomo/vue-codemods) - Collection of codemod scripts that help update and refactor Vue and JavaScript files. - - [codesandbox](https://codesandbox.io/s/vue-vue) - An online IDE and prototyping tool for rapid Vue development. - - [vue-dom-hints](https://github.com/privatenumber/vue-dom-hints) - πŸ’‘ Get hints in the DOM. Minimal Vue devtool alternative. - -- Server Side Rendering +- Tools + - [Bit](https://github.com/teambit/bit) - [Nuxt.js](https://nuxtjs.org/) + - [Vuex](https://vuex.vuejs.org/en/) + - [Vue Router](https://router.vuejs.org/en/) + - [Vue Dev Tools](https://github.com/vuejs/vue-devtools) + - [Vue CLI](https://github.com/vuejs/vue-cli) + - [Vuetify](https://vuetifyjs.com/en/) + - [Bootstrap Vue](https://bootstrap-vue.js.org/) + - [Onseen UI](https://onsen.io/vue/) + - [Quansar Framework](http://quasar-framework.org/) + - [Vue Dev Server](https://github.com/paulpflug/vue-dev-server) -- Experts on Twitter +- Blogs + + - [The Vue Point](https://medium.com/the-vue-point) + - [Vue.js Developers](https://vuejsdevelopers.com/) + - [CSS-Tricks - Vue](https://css-tricks.com/guides/vue/) + +- Community + + - [Vuejs Forum](https://forum.vuejs.org/) + - [Vue Land](https://vue-land.js.org/) + - [Reddit](https://www.reddit.com/r/vuejs/) + +- Conferences + - [Vue Conf](https://conf.vuejs.org/) + - [Vue Conf US](http://us.vuejs.org/) + - [Vue.js London](http://vuejs.london/) + - [Vue.js Amsterdam](https://www.vuejs.amsterdam/) [πŸ‘† Back To Top](#table-of-contents)