ReactJS-Guide

React Guide

Stars
5

A guide covering ReactJS including the applications, libraries and tools that will make you a better and more efficient React developer.

Note: You can easily convert this markdown file to a PDF in VSCode using this handy extension Markdown PDF.

React Learning Resources

React is a declarative, efficient, and flexible JavaScript library for building user interfaces.

Getting Started with React

React JavaScript Tutorial in Visual Studio Code

React Community Resources

React Courses on Coursera

React Courses on Udemy

React Nanodegree program on Udacity

Becoming a React Developer Learning Path on LinkedIn Learning

Learning ReactJS on Codecademy

React Tutorials and Training Courses on Pluralsight

Introduction to React Course on Cloud Academy

React Tools and Frameworks

WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).

React Native is a framework for building native apps for iOS and Android with React.

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.

React Hook Form is a performant, flexible and extensible forms with easy to use validation(Web + React Native).

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It has support in Java, JavaScript, Ruby, Scala, and other programming languages.

Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.

Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).

Meteor is an ultra-simple environment for building modern web applications with JavavScript.

mysqljs is a pure node.js JavaScript Client implementing the MySQL protocol.

axios is a promise based HTTP client for the browser and node.js.

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.It works with React, Vue, Angular, Ember, and other web frameworks.

Next.js is a React Framework for production gives you the best developer experience with all the features needed for production such as hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.

React Boilerplate is a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).

Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.

RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.

Redux is a predictable state container for JavaScript apps.

Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.

Expo is an open-source platform for making universal native apps with React.

React Native Windows is a ramework for building native Windows apps with React. React Native is a framework developed by Facebook that enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React.

ReactiveUI is a composable, cross-platform model-view-viewmodel framework for all .NET platforms that is inspired by functional reactive programming, which is a paradigm that allows you to abstract mutable state away from your user interfaces and express the idea around a feature in one readable place and improve the testability of your application.

Ant Design is an enterprise-class UI design language and React UI library.

Material-UI is a collection of React components for faster and simpler web development.

Chakra UI is a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.

Contribute

  • If would you like to contribute to this guide simply make a Pull Request.

License

Distributed under the Creative Commons Attribution 4.0 International (CC BY 4.0) Public License.