I am going to create an admin portal website with react.js and I searched about the best/the easiest ways to create it. So far I think react-bootstrap and ant design are good choices to build the site.React-bootstrap does not support bootstrap 4 and seems ant provides more powerful components so I prefer to ant.
Anyone has some other options? or how are your thoughts about ant design?
Thanks
You can use react-admin framework, a frontend framework for building admin SPAs on top of REST services, using React and Material Design. You can find the documentation here - https://github.com/marmelab/react-admin
Take a look at the repository which contains the main layout design and reusable components as tables, forms, and charts by using Ant Design and Bizcharts.
You can also find the step by step implementation guide in the blog post.
Related
Recently I've joined a new job and they are working with Salesforce. They have all pages with APEX and I propose to migrate to Lightning components.
I've created the first 7 components and I'm using Atomic Design Methodology (https://atomicdesign.bradfrost.com/chapter-2/) to develop these components.
I want to implement stories (with Storybook) or another similar library to document and put examples of each web component.
My question is... Is it possible? I try to install Storybook in the project and isn't working. The question is simple, whether or not you can. And if not, if you know any alternative to it.
Thank you!
In order to use Storybook, you will need to follow the provided Storybook documentation for lightning "Web Component" rather than the other available options like React and configure your VS Code to work with your SF Environment. Also, you might want to look into downloading the lwc-services, lwc-webpack-plugin and mo-dx-plugin dependency.
I am going to develop a cross platform mobile app using PWA and React and as I am new to these technologies I wonder what is the best and simplest way to make it responsive.
I know that it's possible to use Media Query.
https://developers.google.com/web/fundamentals/design-and-ux/responsive/
But it seems more works to be done comparing to Bootstrap but unfortunately I couldn't find any document guiding me that is it possible to use these three in the same project or if there will be any conflict.
I would appreciate to have any advice regarding the best way to make a PWA and React project, responsive.
You can use Bootstrap, React, AngularJS or whatever library or framework that you prefer, there's some rules and you have to implement them in your application to make it PWA.
I was wondering if there was a way to create an administration page that can then be used to publish content on a website. This administration page would be used by those who do not understand coding to add news articles or update research information. I was looking at React-admin which uses Material Design, but their admin pages seem more focused on user data and design elements, not contributing content.
Would react-admin still be the best to use or is there an easy way to create this elsewhere?
You can build a simple CMS using React + Firebase. I came across an article, which exactly fits in to your requirements.
https://hackernoon.com/how-i-built-a-content-management-system-for-a-react-app-in-one-day-269df17f5509
I am researching to find which UI framework is good with AngularJS, in the basis Performance, Compatibility, Visual look and feel.
Can someone please suggest me to select the UI framework with AngularJS.
So far I can see that UI Bootstrap is the super cool and easy to use framework to work with AngularJS.
Please go through the amazing features of this framework here
For developers using AngularJS, Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Specification. This project provides a set of reusable, well-tested, and accessible UI components based on Material Design.
You can refer here
Is there any website that is similar to bootsnipp.com (for Bootstrap) But of course dedicated for angular-material?
You have CodePen and Their orginal site (which you may already know of).
If you search for ideas to new design possibilities I would also recommend Google MDL (Material Design Lite). They relay more on more CSS, but got almost the same rules for design.