https://stackblitz.com/ - StackBlitz is the online IDE where you can create Angular & React projects that are immediately online & shareable via link in just one click. You can find few examples and demos in this article: https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4
#angular #react #ide
#angular #react #ide
Medium
StackBlitz — Online IDE for Angular & React powered by Visual Studio Code⚡
After six months of hard work, I’m excited to finally announce StackBlitz! You can check it out now over at https://stackblitz.com 🎉
Hyperapp.js (★ 11602 on GitHub) is the 1 kB JavaScript framework for building web applications.
● Minimal — We have aggressively minimized the concepts you need to understand while remaining on par with what other frameworks can do.
● Pragmatic — Hyperapp holds firm on the functional programming front when managing your state, but takes a pragmatic approach to allowing for side effects, asynchronous actions, and DOM manipulations.
● Standalone — Do more with less. Hyperapp combines state management with a virtual DOM engine that supports keyed updates & lifecycle events — all with no dependencies.
Please also read the article "Hyperapp for Redux refugees" where author explains why Hyperapp can be easier and simpler than React+Redux.
#js #frontend #react #redux
● Minimal — We have aggressively minimized the concepts you need to understand while remaining on par with what other frameworks can do.
● Pragmatic — Hyperapp holds firm on the functional programming front when managing your state, but takes a pragmatic approach to allowing for side effects, asynchronous actions, and DOM manipulations.
● Standalone — Do more with less. Hyperapp combines state management with a virtual DOM engine that supports keyed updates & lifecycle events — all with no dependencies.
Please also read the article "Hyperapp for Redux refugees" where author explains why Hyperapp can be easier and simpler than React+Redux.
#js #frontend #react #redux
WatermelonDB (★ 988) is a new way of dealing with user data in React Native and React web apps.
It's optimized for building complex applications in React / React Native, and the number one goal is real-world performance. In simple words, your app must launch fast.
If you have a simple app, keep using Redux or MobX with a persistence adapter. But if you start scaling to thousands or tens of thousands of database records, you'll notice a big impact on how fast the app launches, especially on slower Android devices. Loading a full database into JavaScript is expensive!
Watermelon fixes it by being lazy. Nothing is loaded unless requested. And because all querying is performed directly on the rock-solid SQLite database on a separate thread, most queries resolve in less than 1ms, even with 10,000 records, even on slower Android devices!
#db #database #react #js
It's optimized for building complex applications in React / React Native, and the number one goal is real-world performance. In simple words, your app must launch fast.
If you have a simple app, keep using Redux or MobX with a persistence adapter. But if you start scaling to thousands or tens of thousands of database records, you'll notice a big impact on how fast the app launches, especially on slower Android devices. Loading a full database into JavaScript is expensive!
Watermelon fixes it by being lazy. Nothing is loaded unless requested. And because all querying is performed directly on the rock-solid SQLite database on a separate thread, most queries resolve in less than 1ms, even with 10,000 records, even on slower Android devices!
#db #database #react #js
Galio - (★ 403 on GitHub) is a beautifully designed, Free and Open Source React Native Framework. It comes with a lot of carefully crafted, ready to be used components and a beautiful typography. Galio has a gorgeous base theme that adaps to each project. Built with real app examples, component demos, guides, and how-to's to get you up and running with mobile apps faster than ever before.
#react #native #reactnative #mobile #js #ios #android
#react #native #reactnative #mobile #js #ios #android
One more #openpromo project from our reader.
Introducing Galette (★ 12) - a set of utilities for React and React-Native projects to help reduce boilerplate and repetitive code on common patterns. It is 100% compatible with Typescript. Even though it only has a few stars, we use it everyday in prod in my company.
For more information, please take a look at author's talk on React-Native London November 2018 (slides are here)
🌲 Merry Christmas and Happy New Year! 🎄
#openpromo #react #js #native
Introducing Galette (★ 12) - a set of utilities for React and React-Native projects to help reduce boilerplate and repetitive code on common patterns. It is 100% compatible with Typescript. Even though it only has a few stars, we use it everyday in prod in my company.
For more information, please take a look at author's talk on React-Native London November 2018 (slides are here)
🌲 Merry Christmas and Happy New Year! 🎄
#openpromo #react #js #native
FlowChart.fun - (★454 on GitHub) easy webapp to create flowcharts by simply typing text with indents.
#react #chart
#react #chart
Nano Stores - (★ 2.6K) is a tiny state manager for React, React Native, Preact, Vue, Svelte, Solid, Lit, Angular, and vanilla JS. It uses many atomic stores and direct manipulation.
● Small. Between 334 and 1064 bytes (minified and gzipped). Zero dependencies. It uses Size Limit to control size.
● Fast. With small atomic and derived stores, you do not need to call the selector function for all components on every store change.
● Tree Shakable. The chunk contains only stores used by components in the chunk.
● Was designed to move logic from components to stores.
● It has good TypeScript support.
#frontend #react #ts #js
● Small. Between 334 and 1064 bytes (minified and gzipped). Zero dependencies. It uses Size Limit to control size.
● Fast. With small atomic and derived stores, you do not need to call the selector function for all components on every store change.
● Tree Shakable. The chunk contains only stores used by components in the chunk.
● Was designed to move logic from components to stores.
● It has good TypeScript support.
#frontend #react #ts #js
❤2👍2