HNHacker News
TopNewBestAskShowJobs

omeraplak

38 karma · joined July 18, 2019

submissionscomments
omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Thank you very much for your time and feedback! Your experience with Refine is inspiring for us. Can you tell us exactly where we lost you? Was the learning curve too steep or were you unable to accomplish what you wanted to?

To be honest, we are working very hard to not let the experience you had to be felt by developers and it is clear that we need to work more.

Thank you for giving us the opportunity to improve ourselves.

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Yes, we support it, you can find the documentation here https://refine.dev/docs/advanced-tutorials/data-provider/gra.... Are you experienced with GraphQL? If you can provide feedback, we would greatly appreciate it.
omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Here's a great example, no need for a custom-made refine and Map component document because with refine's headless approach, you can use Map components as you please.

https://github.com/refinedev/refine/blob/next/examples/finef...

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
We got a similar question before. You can check it out here: https://github.com/refinedev/refine/discussions/3261
omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
The product looks outstanding! We are excited to see more. Congrats
omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
In my opinion, trying to handle routing is the weakest point. However, we are working on this. With refine v4 , we'll remove the router dependecies and you will be able to easily integrate refine to your existing app.
omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
The most important feature of refine is being headless by design. No limit on customization, refine works with any custom design or UI framework you favor.

For convenience, it ships with ready-made integrations for Ant Design System, Material UI, Mantine, and Chakra UI.

We have tutorial for building a fully-functioning CRUD app, from scratch to full launch using refine. Please take a look: https://refine.dev/docs/tutorial/introduction/index/

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Here is complete CRUD admin panel example built using refine: https://example.admin.refine.dev/

You can take a look at the other real world examples with the source codes from here: https://refine.dev/examples/

Additionally the full examples for refine feature implementations:

https://refine.dev/docs/examples/

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Perhaps this is what you are looking for? https://tanstack.com/table/v8/docs/examples/react/expanding
omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
I hadn't seen this package, I'll look into it, thanks. refine has native support for react-table. react-table supports grouping. Does it work for you?

https://refine.dev/docs/packages/documentation/react-table/

https://tanstack.com/table/v8/docs/examples/react/grouping

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
If your table component can do that, fine for Refine. Which UI framework are you using?
omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
refine is %100 open source. It provides all enterprise features of React Admin for free. Additionaly, refine has more features that React Admin enterprise doesn't have.

You can take a look at the comparison table: https://refine.dev/docs/comparison/

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Thank you so much.

1. We've released a codemod when releasing v3 and allowed users to upgrade easily from v2 to v3 and we're planning to do the same for v4 as well. https://refine.dev/docs/migration-guide/

2. We got a similar question before. You can check it out here: https://github.com/refinedev/refine/discussions/3261

3. We have detailed comparison table for similar tools: https://refine.dev/docs/comparison/

Have you ever tried similar tools for building a CRUD app before? Can you suggest any for us to take a look?

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
@pankod/refine-inferencer is an experimental package and it is now in the early stages of development. We are working on improving the package and adding new features.

Document: https://refine.dev/docs/packages/documentation/inferencer/

If you have any suggestions or feedback, please let us know in the GitHub Discussions

https://github.com/refinedev/refine/discussions/3046

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Yes, this is definitely an area where we want to improve. Thank you for your feedback.

edit: By the way, what is your opinion on the "inferencer" package?

omeraplak··on Show HN: Refine v3.97 – Open-source React framework for building CRUD apps
Hello HN , here is Omer. I'm the Co-founder & CTO of refine.

Today we are celebrating the new features of refine with this launch event. Last year was a landmark year for us since we watched refine grow from zero and establish itself as a prominent React framework.

It all started with a single question two years ago: "Is it possible for a low-code web framework to quickly generate CRUD applications while still allowing custom styling, logic and workflow?". None of the existing solutions could give us the amount of flexibility that we needed, so we started building one from scratch.

Today refine evolved into a full-blown framework for building CRUD applications like admin panels, dashboards, internal tools, and storefronts. It eliminates the repetitive tasks demanded by CRUD operations and saves days of development time.

With the new release, we add two new features to refine core

1- Inferencer @pankod/refine-inferencer is a package that provides a way to automatically generate views for resources based on the data structure. The aim is to reduce the amount of time spent on creating views for resources by generating the code automatically that can be customized easily.

2- Swizzle The swizzle is a command in refine-cli that allows you to customize the refine's supported components and data providers. It allows you to eject selected files from the refine packages and modify depending on your needs.

Unique "Headless UI" approach enables developers to use any UI framework or custom design without constraints. For convenience, refine is shipped with ready-made integrations with three powerful UI frameworks: Ant Design, Material UI & Mantine.

Being totally backend agnostic, refine can connect to 15+ backend services out-of-the-box, incl. custom REST & GraphQL API's. With refine, developers have 100% control over their projects as they may build, style and deploy the way they like.

And of course, we want to know what you think about refine and any ideas or suggestions you may have for our solution. Please write them and we'll be happy to join the conversation.

omeraplak··on Show HN: React code generator component for CRUD apps based on API response
Hi I'm the Co-founder of refine, We are running an open-source React-based framework for building CRUD apps.

Source code: https://github.com/refinedev/refine

We have built a new component called "Inferencer". It generates full working CRUD page codes by analyzing the API response.

You can bootstrap a complete CRUD app within seconds if your API is ready.

The aim is to reduce the amount of time spent on creating views for resources by generating the code automatically that can be customized easily.

Inferencer support is available for Ant Design, Material UI, Mantine UI, and Chakra UI.

Refer to the Inferencer documentation for examples and details:

https://refine.dev/docs/packages/documentation/inferencer/

omeraplak··on Show HN: Open-source Next.js and React boilerplate with 30 plugins
Hello everyone,

We built an open source project starter for developers who want to get a jump-start on their Next.js and React application development. It reduces the amount of setup and configuration required, allowing you to quickly spin up projects without having to worry about tooling or frameworks.

superplate handles everything so that you can focus on the code.

It offers a full system build setup with no configuration for the best JavaScript UI framework single-page applications.It provides easy starting to your project in seconds with using industry-standard best practices and performance-oriented technologies such as React and Next.js.

You can easily develop your framework CLI and plugins according to your needs to on top of superplate codebase due to its framework/plugin agnostic nature.

Do you have plugin suggestions to add or remove from the superplate?

omeraplak··on Show HN: Illa – An open-source alternative to Retool
Congrats!

Contributing to an open-source ecosystem with alternative tools is a great approach. Having a built-in support for other open source tools is the best practice ever.I hope you guys will grow rapidly.

We are running an open-source project too. It’s a React-based headless framework for building CRUD apps.

As being an open source project, we would like to get feedbacks:)

Repo:https://github.com/refinedev/refine

We are not offering drag-and-drop building blocks. However, you can build complete CRUD apps without needing to lock into the tool.

omeraplak··on [dead]
Hey, We have an open-source React-based framework for easily building CRUD apps. It is headless by default and supports Material UI, AntDesign, Chakra UI, and Mantine.

repo: https://github.com/refinedev/refine

It eliminates the repetitive tasks demanded by CRUD operations and provides industry-standard solutions for critical parts like authentication, access control, routing, networking, state management, and i18n.

It also has connectors for 15+ backend services including REST API, GraphQL, NestJs CRUD, Airtable, Strapi, Strapi v4, Strapi GraphQL, Supabase, Hasura, Nhost, Appwrite, Firebase..

So you can save a lot of time from development time.

omeraplak··on Show HN: An open-source React framework(4.2K stars) for building CRUD apps
Hello HN ,

Today we are celebrating the one-year anniversary of refine with this launch event. Last year was a landmark year for us since we watched refine grow from zero and establish itself as a prominent React framework. Thank you to all of our friends who have been with us on this amazing journey!

It all started with a single question two years ago: "Is it possible for a low-code web framework to quickly generate CRUD applications while still allowing custom styling, logic and workflow?". None of the existing solutions could give us the amount of flexibility that we needed, so we started building one from scratch.

Today refine evolved to a full-blown framework for building CRUD applications like admin panels, dashboards, internal tools and storefronts. It eliminates the repetitive tasks demanded by CRUD operations and saves days of development time.

Unique "Headless UI" approach enables developers to use any UI framework or custom design without constraints. For convenience, refine is shipped with ready-made integrations with three powerful UI frameworks: Ant Design, Material UI & Mantine.

Being totally backend agnostic, refine can connect to 15+ backend services out-of-the-box, incl. custom REST & GraphQL API's. With refine, developers have 100% control over their projects as they may build, style and deploy the way they like.

If you are new to refine, you may visit our website or GitHub page to get more information, start with examples or dive in to tutorials. If you have any questions, please ask them in the comments below. The team will be here all day to answer.

And of course, we want to know what you think about refine and any ideas or suggestions you may have for our solution. Please write them and we'll be happy to join the conversation.

Happy coding to everyone!

omeraplak··on [dead]
Most Chromium-based browsers package Google lighthouse as part of their DevTools however, we will focus more on the Chrome DevTools in this article. Using it with other browsers should be similar, with slight variations.
omeraplak··on [dead]
Material UI is a dynamic React library because it provides numerous component infrastructures for responsive web design. One such essential component is the Button. In this article, we will deeply explore the MUI Button component, its variants, and the different ways it can be used in a React application.
omeraplak··on [dead]
This year marks JavaScript's tenth consecutive year as the most widely used programming language, according to the Stack Overflow Developer Survey for 2022. Furthermore, the JavaScript tooling landscape has dramatically improved in recent years. As a result, Node.js and React.js are the two most popular web technologies among professionals and beginners.
omeraplak··on [dead]
Because of Svelte’s popularity over the years, many companies are beginning to migrate their applications or build new ones using the framework. However, developers have had difficulty implementing features such as routing in their web applications while using Svelte.
omeraplak··on Animations in React with Framer Motion
When a tool like Framer Motion is available, why write many lines of CSS code to create an animation? Web applications look more exciting and beautiful when they are animated.
omeraplak··on [dead]
Find out what the five most common mistakes React developers make with useState and how to avoid them
← PreviousPage 2 of 2