crisp-react
Lunar
Our great sponsors
crisp-react | Lunar | |
---|---|---|
24 | 191 | |
185 | 4,280 | |
- | - | |
0.0 | 8.9 | |
about 1 year ago | 6 days ago | |
TypeScript | Swift | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
crisp-react
-
Best way to create Express websites
If TypeScript doesn't put you off (it's really a good choice for both backend and frontend), have a look at Crisp React.
-
Ask HN: Cloudflare Pages vs. Netlify vs. Others?
Ability to handle a monorepo with 2 builds depends on a particular monorepo. For example, Crisp React (https://github.com/winwiz1/crisp-react) has 2 logical projects: server (https://github.com/winwiz1/crisp-react/server) and client (https://github.com/winwiz1/crisp-react/client). Each project can be built separately. And this is the website built (both projects used) and deployed automatically by Cloudflare Pages: https://jamstack.winwiz1.com
-
Large React Site
You can use Crisp React to split a monolythic React SPA into several SPAs. Each SPA will have its own instance of React Router that is aware of the several pages that belong to that particular SPA.
-
What to look for on a slow website
The VM resorces such as CPU and memory should be used to handle API calls and return data. That's in case some webpages are dynamic and require API data. All static assetts including images are better to be served by a CDN. Which means your VM will serve the static assets to the CDN data centers and not to end users. Example: this website or that.
-
Best practices for sharing code between client and server in 2021?
For deployment you can use Docker multi-staged build to ensure the backend run-time environment doesn't contain the client build-time dependencies e.g. client/node_modules/. It improves security and reduces container's storage footprint. An example for React client and node server is here. Although this has nothing to do with code/types sharing.
-
There's never been a better time to build websites
https://github.com/winwiz1/crisp-react/blob/master/docs/benc...
Tailwind is powerful, consistent and comprehensive but again the advantages come not without a drawback: In order to use it effectively one needs to learn/memorise yet another CSS. I have better things to do and think it's more efficient to use a set of CSS management approaches:
-
How to serve static site from express in development?
Crisp React uses the same Express server in production and debugging (for full stack builds only).
-
Which is better CSS-in-JS or CSS for large and scalabe project?
The alternative approach is to use not many but several tools in a manner that utilises advantages while minimising drawbacks. You can read about it here, scroll down to the CSS bullet.
-
How to compose a suite of react apps into a single wrapper app?
You can have Login/authentication SPA, Reporting SPA, etc. Each SPA does its own routing as demonstrated here.
- How to deploy Node/React website on Google Compute Engine with hardened security starting at $3/month
Lunar
-
No I don't want 2, Emacs
Pretty sure Lunar [0] can do this for you, and you can buy a lifetime license.
[0]: https://lunar.fyi/
-
Show HN: Multi-monitor KVM using just a USB switch
I've had good luck with the Lunar app - it manages my Dell and LG monitors on an M2. (No affiliation) https://lunar.fyi
-
PHOLED Will Transform Displays
Wild! I am working on exactly the same thing now for Lunar (https://lunar.fyi), and I'm also calling it Night Mode ^_^ what a coincidence
I've been trying to make "white regions in dark backgrounds" less painful for months, but doing that at the system level on macOS is incredibly hard. I see you're doing it with CSS filters, which make sense in the limited scope of an article. But applying something like that on the whole macOS UI would cause confusion.
I already use something similar on the iPhone: I read on the Kindle app which has white text on black background, then I have a full red Color Tint filter on the Triple Back Tap shortcut which I use before reading. Very similar effect to your solution, although I don't have images in my books.
-
If buying isn't owning, piracy isn't stealing
I was comparing anti-piracy measures with DRM, I don't have actual DRM in my app. I can't block users that really bought the app from using it (which is what DRM is notorious for).
But I do have a license verification for the Pro features (https://lunar.fyi/#pro), and that is what people are cracking in the app. I only added more protection around this verification.
-
MacOS tools to make your life easier
Lunar
-
Create a shortcut for even lower phone brightness
There's no Reduce White Point on Mac as far as I am aware. However, you can use the fantastic Lunar [0] app to achieve this, as it supports "Sub-Zero Dimming".
To use it, I think you just need to start Lunar, and then press the Reduce Brightness button on your keyboard until it goes below the minimum Mac allows.
-
YouTube's Anti-Adblock and uBlock Origin
As the dev of a macOS app that breaks all the time because of external hardware, the tone of the article hits close to home. (I’m talking about https://lunar.fyi/ whose brightness control commands can be blocked by USB-C hubs, “smart” monitors, too long cables etc.)
I had to disable public GitHub issues on the app repo [1] because people seemed to fuel each other with spiteful comments and “why can’t you just!!” sentences.
The contact form still attracts many such “entitled” people and it hurts to wake up to such messages, but at least I can choose to ignore those if I can’t bring anything to the discussion. There’s no peer pressure.
These people are expecting too much from a handful of developers who are sharing a lot of free work and time that could have been spent better than hunting new IDs in URLs and updating regular expressions.
-
I2c-USB-hub: An i2C Controllable USB 2.0 Hub
Last year I bought a second computer for my music studio. I wanted to use the same set of 2 monitors and wired keyboard + trackpad on both machines.
I wrote simple scripts to switch my monitor inputs with keyboard shortcuts (even simpler with Lunar, amazing new Mac app — https://lunar.fyi), which saved me from having to press annoying input-source buttons.
But I couldn't for the life of me find a simple, suitable software controllable KVM switch. That still requires the hardware button to be controlled, so frustrating.
-
Changing my relationship with GitHub Copilot
Some people like the process of writing code, more than the end result. I had a few months of that feeling, but nowadays it’s rarely about writing for me.
Just the other day I used Copilot to explain the disassembly of macOS KeyboardBacklight code, so that I can turn off the keyboard lights when using Lunar’s Blackout (https://lunar.fyi/#blackout)
It even helped me generate the ObjC function signatures from assembly and use the right calling convention in Swift afterwards. It really feels like magic.
I would have no joy in writing that code, it’s mostly bridging and translation anyway. I just need it to do this thing so that people can take advantage of it.
-
A collection of useful Mac Apps
Lunar - Price: Free (optional premium one-time purchase) Menu bar app for macOS that allows you to adjust your display's brightness and color temperature. (Pro version also available.)
What are some alternatives?
react-redux-universal-hot-example - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform
MonitorControl - 🖥 Control your display's brightness & volume on your Mac as if it was a native Apple Display. Use Apple Keyboard keys or custom shortcuts. Shows the native macOS OSDs.
create-react-app - Set up a modern web app by running one command.
BetterDisplay - Unlock your displays on your Mac! Flexible HiDPI scaling, XDR/HDR extra brightness, virtual screens, DDC control, extra dimming, PIP/streaming, EDID override and lots more!
compress-create-react-app - An NPM package which allows easily adding post build compression to a create-react-app with minimal configuration
Monitorian - A Windows desktop tool to adjust the brightness of multiple monitors with ease
nestjs-bff - A full-stack TypeScript solution, and starter project. Includes an API, CLI, and example client webapp. Features include production grade logging, authorization, authentication, MongoDB migrations, and end-to-end testing.
BetterDummy - Unlock your displays on your Mac! Smooth scaling, HiDPI unlock, XDR/HDR extra brightness upscale, DDC, brightness and dimming, dummy displays, PIP and lots more! [Moved to: https://github.com/waydabber/BetterDisplay]
generator-react-webpack - Yeoman generator for ReactJS and Webpack
RatPoison - Latest Ver: 1.7; Default Menu Key is F1; Charlatano's Successor; dn
react-boilerplate - :fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
SlimHUD - Replacement for MacOS' volume, brightness and keyboard backlight HUDs.