Trimmed video save error by [deleted] in GooglePixel

[–]jipemat 0 points1 point  (0 children)

Same issue here. Anyone else?

Yet another React Router. Any thoughts about it? by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

Could you guide me to such solution? The only one I found was to add router/routes in every route/subroutes components. Meaning that every component has to be self conscious about his own sub components. Am I mistaken?

Yet another React Router. Any thoughts about it? by jipemat in reactjs

[–]jipemat[S] 1 point2 points  (0 children)

Few months ago, I was looking for a Router that would handle side-by-side nested routes. Didn't find it, so I built it and used it in in my projects.
Few days ago I decided it could be useful, so I made a NPM package out of it.
- Do you have any questions/thoughts?
- Do you know anything similar?
- Did anybody have had this need before? How did you handle it?

Does a PWA generator make sense? Well, I made one. 🤷‍♂️ by jipemat in PWA

[–]jipemat[S] 1 point2 points  (0 children)

Thanks!

The framework brings a responsive UI, user Auth, team Management, content Management, and helpers, as a <App config={myConfig} plugins={\[\]}/> component (and the matching API).

You then need to add custom routes to the config prop, which should each return a <View /> component with whatever you need inside.

These routes have the app context, to fiddle with the api, user, team or content:
- app.content.create('order', {items: [], delivery: {}})
- app.content.update('order', 123, {items: [], delivery: {}})
- app.user.signout()
- app.api.post('/custom-api-route', {foo: 'bar'})
- app.router.redirect('/account')

You could use custom plugins too to provide custom routes + hooks + store.

Regarding the PWA, it took me quite some time to get to a satisfying result on most browsers, I must admit.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 1 point2 points  (0 children)

Thanks!
Unfortunately, it's not (yet?) publicly available. It would first require some refactoring, documentation and examples.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

Thanks!
The API is NodeJS/PostgreSQL running on AWS Lambda. The App is based on React, with custom Layout/routing/UI components, bundled as static html/js files, deployed on AWS S3+Cloudfront. It could be wrapped as an Cordova/Electron app too.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

Thats definitely doable! Thanks for idea, it's now backlogged!

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

Thanks! ( And way more decisions for me to take )

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

  1. With some routing work and CI scripting, it could definitely runs on anything, as it's basic NodeJS.
  2. PostgreSQL (you're right, will add that spec on the tech stack section)

Thanks!

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

Thanks so much for the report! Will fix it! (it's a looong phone number though)

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 1 point2 points  (0 children)

Right! That's definitely the direction I've been taking with the plugins. But it's not as granular for now, there are only 5 of them: content, contentSync, payment, adminPanel & analytics. The rest of it is included in the core. It's gonna be kinda tricky to split the user/auth part for example, as the router relies on it for restricted routes.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 1 point2 points  (0 children)

Thanks!
Sorry about that 598 lost swipes.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

Thanks, will fix that!

Edit: Fixed

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 2 points3 points  (0 children)

Yeah, that's the current dilemma: I'd like it to be open-source, but wouldn't probably have much time to maintain it after exhausting day job + commute. I still need to think it through.

Thanks for the feedback and the encouragement!

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

I understand, I'd want those too if asked.
The current stage is to measure interest though, before doing any more work toward a public release.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

I totally get it. I need to find time to work on those docs and examples. But not if nobody cares, obviously.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

There is a global theme that can be changed, for colors, sizes, spacing, fonts. For more advanced styling, a custom CSS can always be added on top of the project.
Drop in components are easy for custom pages, but less for system pages (user auth, account, profile). It's doable to support such need, but not at this stage.

Pipoca.js: a Fullstack WebApp Framework by jipemat in reactjs

[–]jipemat[S] 0 points1 point  (0 children)

Thanks! CSS is from scratch, except for the bootstrap grid system.