loh

This kind of thing happens way too often and is one of the problems my startup (Molecule.dev) solves. May I ask which payment processor?

I wholeheartedly agree, and I may even be working on what you're describing here, which I wrote a little bit about on my company blog (bit of a shameless plug, sorry): https://blog.molecule.dev/system-integration-tool-not-framew...

I think there is potential with many of the ideas behind it, but so far it's been inundated with scammers and gamblers. People need to build actual useful things with it which are adopted into the mainstream. The problem is that the current non-crypto way of doing things is much easier and more efficient than the crypto way. If the tooling around crypto improves significantly, it may have a chance. Otherwise, it's just not worth the time or the risk.

SEEKING WORK | Colorado, USA | Remote, any timezone

15 years of experience building full-stack web apps.

This is a slightly different post than usual for these threads. I'm looking for freelance work, mainly with companies who might be interested in using Molecule.dev, a bootstrapped startup I've put together to help save you months of development time and tens (if not hundreds) of thousands in development costs for custom full-stack, cross-platform apps. We'll use Molecule.dev as the foundation for your app, and I'll build the extra features you need and/or train your team.

If you're technical, check out the assembler at https://assemble.molecule.dev, submit your selection, and I'll quickly get back to you. If not, contact me at hn2205-at-fullstacked.services and let me know what you're building, and we can start with a Molecule that I assemble for you.

You can choose any combination of the following available options. (Including this list for search purposes, mostly.)

    App Language: TypeScript, JavaScript, Dart (soon)
    API Language: TypeScript, JavaScript, Python (soon), Go (soon)
    Renderer: React, Vue (soon), Angular (soon)
    Database: PostgreSQL, SQLite, Firebase (soon), MongoDB (plus Redis caching, if necessary)
    Cross-platform Support: Capacitor, Cordova, React Native (soon), Flutter (soon)
    Platforms: Web (PWA), Android, iOS, macOS, Windows, Linux
    UI: Styled-Components, Tailwind, Ionic
    Themes: Light, Dark
    User Authentication: JWT (with auto refresh and CSRF prevention), OAuth 2.0, WebAuthn (biometrics, yubikey, etc.) (soon), also includes a device manager
    Push Notifications (Quick setup for every platform)
    Payment Platforms (Quick setup for every platform): Stripe, Apple Pay, Google Pay, PayPal (soon), maybe crypto soon
    Emails: AWS SES, Sendmail, Mailgun, SendGrid
    File Uploads: S3 Bucket, File system
    App Deployment: Netlify, Render, DigitalOcean, Vercel, Cloudflare, AWS Amplify (soon)
    API Deployment: Heroku, Render, DigitalOcean, AWS (soon)
    Package Manager: NPM, Yarn
    Documentation: TypeDoc, JSDoc
    Unit Testing: Jest, Mocha
    Logging: Loglevel, Winston

Nearly all of the code is free and open source, available at https://github.com/molecule-dev.

I'm confused by your comment. What kind of merge conflicts stop a project for days? And why would the solution to a merge conflict be to delete the repository and clone it again? Or are you being sarcastic?

Yeah this is really interesting to me. I work out 4+ times per week, and I've noticed that when I go at it harder than usual, my body basically forces me to sleep twice per day until it's repaired itself, and when I sleep it's usually unintentionally 4-5 hours at a time. I'll wake up and can't go back to sleep, so I get up and do things for a few hours until it's time to sleep for another 4-5 hours. But when I take it easy with my workouts, I'll sleep a solid 7-9 hours uninterrupted. I wonder if my body does this because it needs nutrition and bloodflow to heal and doesn't want to wait for it.

Are you referring to the `!==` and `=>` in their code being converted to what appears to be a single symbol?

Upon further inspection, it looks like the actual code on the page is `!==` and `=>` but the font ("Fira Code") seems to be somehow converting those sequences of characters into a single symbol, which is actually still the same number of characters but joined to appear as a single one. I had no idea fonts could do that.

Location: Colorado, USA

Remote: Yes

Willing to relocate: Probably not

Technologies: TypeScript, JavaScript, React, PostgreSQL, MongoDB, Redis, Capacitor, Cordova, React Native, Android, iOS, macOS, Windows, Linux, Styled-Components, Tailwind, Ionic, OAuth, Stripe, Apple Pay, Google Pay, AWS, Netlify, Render, Vercel, Cloudflare, Heroku, Jest, Mocha

Résumé/CV: See Molecule.dev

Email: hn2202@fullstacked.services

15 years of experience building full-stack web apps.

I'm looking for part-time work, mainly with companies who might be interested in using Molecule.dev, a bootstrapped startup I've been working on to help save months of dev time and tens (if not hundreds) of thousands in costs for custom full-stack, cross-platform apps. We'll use Molecule.dev as the foundation, and I'll build the extra features you need and/or train your team.

If you're technical, check out the assembler at https://assemble.molecule.dev, submit your selection, and I'll quickly get back to you. If not, contact me at hn2202@fullstacked.services and let me know what you're building and we can start with a Molecule that I assemble for you.

The core is open source and available at https://github.com/Molecule-dev. Significantly more will also soon be open sourced.

SEEKING WORK | Colorado, USA | Remote, any timezone

15 years of experience building full-stack web apps.

This is a slightly different post than usual for these threads. I'm looking for freelance work, mainly with companies who might be interested in using Molecule.dev, a bootstrapped startup I've been working on to help save months of development time and tens (if not hundreds) of thousands in development costs for custom full-stack, cross-platform apps. We'll use Molecule.dev as the foundation for your app, and I'll build the extra features you need and/or train your team.

If you're technical, check out the assembler at https://assemble.molecule.dev, submit your selection, and I'll quickly get back to you. If not, contact me at hn2202@fullstacked.services and let me know what you're building and we can start with a Molecule that I assemble for you.

Currently available options are as follows. (I'm including this list mostly for search purposes, and some of these are missing from the assembler but it will be updated soon.)

    Language: TypeScript, JavaScript
    Renderer: React, Vue (soon), Angular (soon)
    Database: PostgreSQL, SQLite, Firebase (soon), MongoDB (plus Redis caching, if necessary)
    Cross-platform Support: Capacitor, Cordova, React Native (soon), Flutter (soon)
    Platforms: Web (PWA), Android, iOS, macOS, Windows, Linux
    UI: Styled-Components, Tailwind, Ionic
    Themes: Light, Dark
    User Authentication: JWT (with auto refresh and CSRF prevention), OAuth, WebAuthn (biometrics, yubikey, etc.) (soon), also includes a device manager
    Push Notifications (Quick setup for every platform)
    Payment Platforms (Quick setup for every platform): Stripe, Apple Pay, Google Pay, possibly crypto soon
    Emails: Sendmail, Mailgun, SendGrid, AWS SES
    File Uploads: S3 Bucket, File system
    App Deployment: Netlify, Render, Vercel, Cloudflare, AWS Amplify
    API Deployment: Heroku, Render, AWS API Gateway
    Package Manager: NPM, Yarn
    Documentation: TypeDoc, JSDoc
    Unit Testing: Jest, Mocha
    Logging: Loglevel, Winston

The Molecule core is open source and available at https://github.com/Molecule-dev. Significantly more will also soon be open sourced.

Looks like Safari was being extra strict about the CSP (content security policy). It should load on Safari now. Thank you!

I will probably do something like this. I really appreciate your suggestion(s) and feedback.

This is a really solid idea. I'll have to think about this. It could pair well with ux-app's (sibling's) suggestion.

Yes, this is also the case. (Referencing my sibling reply.)

Great question. As it is now, Molecules are designed to be as independent (platform/vendor agnostic) and flexible as possible. For example, when I was trying out all the different cloud services myself, I was able to connect each of them to my git repository, and they would each build and deploy the same exact codebase with no extra setup beyond defining a few environment variables. It took zero effort to switch from one service to another. I take no credit for this though, as it's the result of these services being designed so well, competing with each other. I only ensure that it works perfectly for your selection and provide instructions to help you get started as quickly as possible.

As for other types of services, like cross-platform payment processing, push notifications, certain libraries/frameworks, etc., some of these try to lock you in, which are all avoided. Your Molecule's code covers all of this on its own so you don't have to rely on a third party. But at the same time, sometimes it can be cost effective to use a third party service, and in which case, the code is written so that adding and removing features and integrations of your own is super easy. I try to make no assumptions about what you will eventually need to add (or remove), while providing the most solid foundation possible for you.

You could be right, but at the same time, many people seem to expect this for free. Perhaps they underestimate the amount of work required to implement quality core functionality, or maybe they feel that all core software should be free and open source.

I recently lowered the price in hopes that more people would be willing to follow through on buying. There have been many submissions but no one seems willing to pay. I may increase the prices again later on, but it really depends on how things go.

Ultimately, I want this to be accessible to the average developer so more people have the opportunity to quickly build awesome things and bring their ideas to life. It may prove difficult to find the optimal price point.

There's still a lot of work to done, especially on the marketing/convincing side of things. Maybe I'll look for funding, but I would prefer to bootstrap it. I'll probably need to find contract work soon if no buyers follow through, however. Ideally, clients would submit via assemble.molecule.dev and we move forward from there.

That is very kind of you to say. I worked hard on it, but I think it can be better. Marketing and succinctly communicating the value of a solution to a problem has never been my strong suit.

I agree! There is a lot involved in building full-stack apps, especially with all the different tools available, and Molecule.dev barely scratches the surface.

I'll soon be adding presets and templates, which should reduce the complexity of selection. People often have requirements which I have not considered though, so the ability to customize everything will likely remain for them.

I've never considered all the different combinations, but it is definitely quite a lot of work, and I'm planning on adding more.

My goal with this is to help developers and teams of any level, from beginners to experts, quickly get started building the highest quality product(s) they possibly can. I want to raise the bar and eventually set a new standard of DX and UX for both developers and end users.

A good example is probably React. I would consider it to be battle-tested, but it's evolved significantly over the years. "Latest and greatest" would refer to e.g. hooks in the particular case of React.

Thanks! And yeah, I wish I could release this for free but it requires so much time and effort to do it right that I would end up homeless.

Most of the tools have been around for quite some time (on the web tech timescale, at least), and they've each evolved and improved as they've been battle-tested. For example, React is pretty state-of-the-art as it has changed (improved) significantly over the years, while still being used in production everywhere.

This is exactly why I built Molecule.dev. It's brand new, using all the latest and greatest battle-tested tools.

I started it because I recognized that it took entirely too long to implement some of the most basic core functionality for cross-platform apps in a way that is up to my standards (i.e., minimal with no real vendor lock-in). It actually boggles my mind that nothing of the same quality as Molecule.dev exists yet. It's obviously a problem that developers everywhere run into when building custom apps. I've seen a few solutions, but (again) they're all either not up to my standards or they try to lock you in.

I think most developers prefer to implement things themselves, as they have their own preferences and may (like me) not trust that the code quality is up to their standards, so the difficult part here may actually be to convince developers that the code is high quality and something they themselves would write.

SEEKING WORK | Colorado, USA | Remote, any timezone

I have 15 years of experience building full-stack web applications. My original background is in robotics and embedded systems, but I moved to web apps after realizing their potential. It's been a wild ride and a pleasure to see tech progress over the years, and it's only going to continue getting better. I seem to have a knack for winning design patterns, as I was building web apps with my own React-like library before React existed. I also have years of experience in game development, plus some dabbles in machine learning, crypto, and fintech.

I prefer a minimal TypeScript + React + Node.js JAMstack, but it all depends on (the best tools for) the job. I'm a quick learner and will enjoy working with just about anything.

If you're looking for someone to help you quickly reach your goals, build your app(s), and take your business to the next level, I would love to help you do that. I've worked with teams to build apps for online stores, education services, cloud storage, medical equipment, gaming, blogs, machines in remote locations, chat bots, search engine optimization... you name it and I've probably done it. Side projects of mine range from an open source browser extension for automating end-to-end tests without code (see TestFront.io) to a new approach to email designed to eliminate unwanted mail, while never missing the important stuff (see TricepMail.com).

If you're looking to build a custom cross-platform app, designed for teams, to scale, and with the future in mind, you may be interested in my latest startup, Molecule.dev. It allows you to quickly assemble all of the core functionality you need, saving you months of development time and tens of thousands in development costs. (You may also skip straight to the assembler at https://assemble.molecule.dev.) Your Molecule includes incredibly thorough documentation, tutorials, and step-by-step instructions so that everyone on your team always has exactly what they need. If you're unsure about what you might need, contact me and let me know you're building. Currently available options are as follows.

    Language: TypeScript, JavaScript
    Renderer: React, Vue, Angular
    Database: PostgreSQL, SQLite, Firebase, MongoDB (plus Redis caching, if necessary)
    Cross-platform Support: Capacitor, Cordova
    Platforms: Web (PWA), Android, iOS, macOS, Windows, Linux
    UI: Styled-Components, Tailwind, Ionic
    Themes: Light, Dark
    User Authentication: JSON Web Tokens (with automatic refesh and CSRF prevention), OAuth, WebAuthn (biometrics, yubikey, etc.), also includes a device manager
    Push Notifications (Quick setup for every platform)
    Payment Platforms (Quick setup for every platform): Stripe, Apple Pay, Google Pay, possibly crypto soon
    Emails: Sendmail, Mailgun, SendGrid, AWS SES
    File Uploads: S3 Bucket, File system
    App Deployment: Netlify, Render, Vercel, Cloudflare, AWS Amplify
    API Deployment: Heroku, Render, AWS API Gateway
    Package Manager: NPM, Yarn
    Documentation: TypeDoc, JSDoc
    Unit Testing: Jest, Mocha
    Logging: Loglevel, Winston

The Molecule core is open source and available at https://github.com/Molecule-dev.

Feel free to contact me at hn2201@fullstacked.services or by submitting your information via https://assemble.molecule.dev.

The docs you linked to are for class components (`this.setState`), not function components using hooks (`useState`).

From React's "Using the State Hook" docs:

> However, unlike this.setState in a class, updating a state variable always replaces it instead of merging it.

https://reactjs.org/docs/hooks-state.html#tip-using-multiple...

The `extendState` method gives you the same convenience of `this.setState` but with hooks in function components instead of class components.

You can think of it very similarly to `useState`, where it returns a particular state and a function to update that state.

With `useState`:

    const [ firstState, setFirstState ] = useState('alpha')
    const [ secondState, setSecondState ] = useState('beta')

With `usePromise`:

    const [ firstPromiseState, readFirstThing ] = usePromise(read)
    const [ secondPromiseState, readSecondThing ] = usePromise(read)

To initialize the promise state similar to `useState('alpha')`:

    const [ firstPromiseState, readFirstThing ] = usePromise(read, { status: 'resolved', value: 'alpha' })
    const [ secondPromiseState, readSecondThing ] = usePromise(read, { status: 'resolved', value: 'beta' })

For deeply nested data, I would probably use `immutability-helper`. Many deep spread operators can get ugly and confusing pretty quickly, in my experience.

Yep! It is syntactic sugar. I personally like it though because it results in slightly cleaner, more concise code. It's just easier on my eyes.

The API response ends up being the source of truth, in this case. If you wanted to prevent the user from updating the internal state while waiting on the API, you could certainly do that with a check for `updateThingRequest.status === 'pending'`.

In the examples, `extendState` is used because the API returns only the updated props when updating.

Your preference for only `setState` is definitely warranted. The source is available for this reason, and it's pretty compact. You can quickly remove the `extendState` portion if you want.

That's a good call. I'll change those to better names.

Also, you can call `cancel()` (with no arguments) if you don't want an error.

You can find the code for the hooks here: https://github.com/Molecule-dev/molecule-app/tree/_e745872f9...

I'll add a direct link to that too. I really appreciate the feedback.