https://facebook.github.io/react-native/ (Use https://snack.expo.io/ to skip setup and get coding fast) Don’t install this on your computer as it could cost you hours for first time setup. React Native allows you to use many of the React concepts you’ve learned to build native-like applications that can run on iOS and Android.
https://electronjs.org/ Compile JS desktop apps Slack and VSCode were both build on electron. Bring all the learning of javascript and the web to cross-platform desktop clients.
https://github.com/zeit/next.js/ React Server Side Rendering Next is a framework to help build Universal applications. With Next pages are rendered as static pages server side, sent to the client, and then updated with a full react app after the initial load. This style of code is more involved, but creates a fast and smooth user experience that, when done properly, can deliver fast load times AND rich user interactions
https://nuxtjs.org/ Vue Server Side Rendering Nuxt.js is a framework for creating Universal Vue.js Applications. Its main scope is UI rendering while abstracting away the client/server distribution. Nuxt.js presets all the configuration needed to make your development of a Vue.js Application Server Rendered more enjoyable. In addition, Nuxt also provides another deployment option called: nuxt generate. It will build a Static Generated Vue.js Application. As a framework, Nuxt.js comes with a lot of features to help you in your development between the client side and the server side such as Asynchronous Data, Middleware, Layouts, etc.
http://GatsbyJS.org Gatsby is a static site generate build on node and React. This kind of tool is popular amongst news websites and other sites that need new content regularly from the database, but that content isn’t interactable. It’s presented content only.
http://ramdajs.com/ Makes functional programming easier in JS. RamdaJS is a utility library like lodash that doesn’t pull any punches. It uses all the functional goodies making it read odd to JS devs. A major benefit to this style is the ability to make many small re-usable pieces of functionality. Think of it like toy problem legos. Every step you add to a toy problem solution creates a new function that could then be split, copied, or modified further for optimum re-usability.
http://postcss.org/ (tailwindcss as an implementation) Future-proof css, no need for preprocessor specific syntax, CSS Modules - so no more global CSS, lints your css to avoid errors for easier debugging
https://redis.io/ Redis is a lightning fast key-value data store. It’s is an open source, in-memory data structure store, used as a database, cache and message broker. It supports data structures such as strings, hashes, lists, sets, sorted sets with range queries, bitmaps, hyperloglogs and geospatial indexes with radius queries.
https://www.typescriptlang.org/ TypeScript is a strongly/statically typed superset of JavaScript that compiles to clean JavaScript. TypeScript starts from the same syntax and semantics that millions of JavaScript developers know today. Use existing JavaScript code, incorporate popular JavaScript libraries, and call TypeScript code from JavaScript. TypeScript compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 3 (or newer).
https://facebook.github.io/react-360/ Create exciting 360 and VR experiences using React. React 360 is a framework for the creation of 3D and VR user interfaces. Built on top of React – a library designed to simplify the creation of complex UI – React 360 allows you to use familiar tools and concepts to create immersive 360 content on the web.
https://flow.org A static type checker for JavaScript Flow is a static type checker for your JavaScript code. It does a lot of work to make you more productive. Making you code faster, smarter, more confidently, and to a bigger scale. Flow checks your code for errors through static type annotations. These types allow you to tell Flow how you want your code to work, and Flow will make sure it does work that way.
https://d3js.org/ D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
https://greensock.com/ Ultra high-performance, professional-grade animation for the modern web. HTML5 javascript animation built for professionals, GreenSock is packed with features that make most other engines look like cheap toys. Animate colors, beziers, css properties, arrays, scrolls and lots more. Round values, smoothly reverse() on the fly, use relative values, automatically accommodate getter/setter functions, employ virtually any easing equation, and manage conflicting tweens like a pro. Define callbacks, tween in seconds or frames, build sequences effortlessly (even with overlapping tweens), repeat/yoyo and more.
https://developers.google.com/web/progressive-web-apps/ Progressive web applications are web applications that load like regular web pages or websites but can offer the user functionality such as working offline, push notifications, and device hardware access traditionally available only to native applications
https://angular.io/ AngularJS is a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent