Stack: - React - docusaurus - TypeScript - AgileTs - CSS Modules (before styled-components)
Set up a modern web app by running one command.Project mention: ANKO - A dad's attempt to make the daughter fall in love with mathematics | dev.to | 2021-02-25
The Create-React-App was the default choice to get started with a React-based application. The next thing was to create a couple of DIVs and a button to prepare the app's initial page.
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.Project mention: Is it illegal to take inspiration from a website? | reddit.com/r/computerscience | 2021-02-22
The React FrameworkProject mention: SSR(Server Side Rendering) or CSR(Client Side Rendering) for my Website? | reddit.com/r/reactjs | 2021-02-28
Hey! Have a look to NextJS, as it allows to create SSR and Static Sites combined (depending on the page) using react.
Build blazing fast, modern apps and websites with ReactProject mention: Building out account pages for headless Shopify store | reddit.com/r/gatsbyjs | 2021-02-27
I’ve had similar issues and running the node command at the end of this has helped, try running it, then doing a fresh gatsby develop: https://github.com/gatsbyjs/gatsby/issues/25858
33 JS concepts
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: Media queries & custom props on Styled Components | React | dev.to | 2021-02-27
In this step I will assume that we have a project with React, Typescript and Styled Components configured correctly and I will only show the dependencies that will be used in this tutorial:
Awesome React Native components, news, tools, and learning material!Project mention: 25+ awesome-repo for Frontend Developers | dev.to | 2020-12-17
awesome-react-native - Awesome React Native components, news, tools, and learning material!
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.Project mention: Tauri: An Electron alternative written in Rust | news.ycombinator.com | 2021-02-19
It depends on what application you have in mind.
React needs web browser compatibility layer to work in Sciter.JS as React was designed strictly for browsers.
For that matter: PReact ( https://preactjs.com/ ) works out of the box already, see : https://github.com/c-smile/sciter-js-sdk/tree/main/samples/p... ;
MithrilJS ( https://mithril.js.org/ ) works as it is also.
SvelteJS works as it is with Sciter.JS too.
Also Sciter.JS has it own native implementation of JSX ( it's built-in ) on JS core of Sciter.JS and also DOM extended by native element.patch(vdom) that makes "reactivity" to work in Sciter.JS with native speed.
Yet quite a lot of UI components are natively built-in. For example:
开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/Project mention: Top 10 Developer Trends, Thu Oct 22 2020 | dev.to | 2020-10-22
NervJS / taro
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
:green_book: SheetJS Community Edition -- Spreadsheet Data ToolkitProject mention: How can I map data from an excel sheet through react? | reddit.com/r/reactjs | 2021-02-19
:love_letter: An extensible desktop mail app built on the modern web. Forks welcome!
Beautiful and accessible drag and drop for lists with ReactProject mention: I'm building a menu bar app to check the things that matter to you | reddit.com/r/SideProject | 2021-02-25
Thanks. I'm using this lib https://github.com/atlassian/react-beautiful-dnd.
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)Project mention: The wiki does not list any React+TypeScript learning resource | reddit.com/r/reactjs | 2021-02-26
The single best resource is https://react-typescript-cheatsheet.netlify.app/ , which is very comprehensive.
React components for efficiently rendering large lists and tabular dataProject mention: Faster painting? | reddit.com/r/react | 2021-02-13
Virtualize components that are not visible (ie do not actually render them unless they are in view). This is generally for large lists. Use this library to help with that - https://github.com/bvaughn/react-virtualized
Official React bindings for ReduxProject mention: Celery task progress bar in React | dev.to | 2021-02-11
For this tutorial, I am using react-redux. In the redux actions.js file, I have created two functions, one for adding the data (named as addData), and another for getting the progress of the task (named as getProgress). The addData function will only useful for adding the data to the server.
Cross-Platform React Native UI ToolkitProject mention: If you've been hesitating to give Reanimated 2 a try for awhile, this is your best shot. I put a lot of effort to make it as concise and simple to start with. I truly hope this will be helpful. Very open to feedback, so really speak your mind! | reddit.com/r/reactnative | 2021-02-25
are you looking for libraries like react-native-elements? there's a list of it here.
Bootstrap components built with ReactProject mention: A postmortem of A dirty trail, a text based game | dev.to | 2021-01-04
For the styling, I used react-bootstrap for the sole reason that I felt nostalgic about the good old days in which all apps seemed to use Bootstrap, and wanted to catch up with the latest version of it.
React Native Components and APIs for the WebProject mention: esbuild & react-native-web - III: Performance | dev.to | 2021-02-07
Developed by Facebook, metro is the standard bundler and transpiler for react-native. We used the recipe of this issue to run Metro for the web. In first post, the version of Metro was 0.58.0, and in the second post (GoolgeFit) the version was 0.56.4. The command used to run Metro was: npx react-native.cmd bundle --platform web --dev false --entry-file node_modules/expo/AppEntry.js --bundle-output ./web-metro/bundle.js --assets-dest ./web-metro --config metro.config.js --minify true --sourcemap-output web-metro/bundle.js.map Here you can find the metro.config.js.
JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.Project mention: Is there anything like ASP.NET Razor templates for login, register, manage account and others in Spring framework? | reddit.com/r/java | 2021-02-13
A markdown editor for developers on Mac, Windows and Linux.Project mention: Legacy is the best ! | reddit.com/r/Boostnote | 2021-01-14
I am not sure if those improvements will get to the legacy version but you can create issues and see if there is any interest for that in GitHub (for both versions: https://github.com/BoostIO/BoostNote.next and https://github.com/BoostIO/Boostnote).