I've been googling for a while, unsuccessfully, if it is possible to use ExtJS on a React Project or use ExtReact components on a ExtJS Project.
What I need to know is if ExtJS and ExtReact can coexist and been integrated in the very same project and make them to interact and share info, cookies, data, sessions, whatever, between each other.
Related
In the micro-frontend every application would be running separately, in that case, each one of the applications will be having its own CSS.
Let's assume we are taking MUI as the UI library. So each application that uses MUI will be having its own theme provider.
Now the stakeholder wants to change the button's color from blue to black, in this scenario I have to manually go and change the color to each one of the applications separately.
Do we have to do like this only or any other pattern is available in Micro-Frontend to solve this Design System issue?
Please help me with your suggestions !
You can create a theming package for your micro-frontend apps. This package provides a theme object for Mui ThemeProvider. It can have some default theme properties and some additional (editable) properties which from an API.
Then you need a portal where your client or stakeholder can edit the theme, from some theme editor app. Basically, that will UPDATE your theme object (database).
Your package will GET those changes and update all your micro-frontend apps. I have seen a similar kind of implementation in a Turborepo app.
I have a React Native App (using Expo) and I’m trying to implement a map/search layout similar to what is in Yelp or many other location-based hybrid map/search views (eg I checked all of the food related apps on my phone :slight_smile: McDonalds, Starbucks, DoorDash):
Specifically, I’m curious how to create that sort of draggable panel from the bottom, where you can drag it so that it overlaps the map.
Yelp/DoorDash technically have 3 states for this bottom panel: a completely collapsed state, an intermediate (default) state, and a completely expanded state, and you can even flick from completely collapsed to completely expanded.
Is there a standardized way to accomplish this with React Native? (I'm a little out-of-touch with the RN ecosystem.)
Ahh, here's a third party library where this behavior is implemented, and even the example in the documentation is off a map searchview. https://github.com/octopitus/rn-sliding-up-panel
Tell me which tool to use based on material for design with react components?
Try http://www.material-ui.com - for reactjs, but there is no responsive grid
Try https://github.com/react-materialize/react-materialize - This lib is not reliable and difficult for stability working of the application
material-ui already uses flexbox for their layouts. The components themselves are responsive as well. It seems that they did implement a grid layout. However, it looks like it's only available in the pre-release branch. The way I see it you have three options here:
Implement your own responsive grid using flexbox
Use a grid layout library, such as react-grid-layout(for React) or flexboxgrid
Get their pre-release channel npm install material-ui#next
last two weeks, i researched richtext component to use our application in our company. Now, we use ckeditor but we want to change it more beautiful component on ui side. I integrated Devexpress richeditor with mvc in our application but it was server sided component and it does not fit for requirements on client side. Because we need to make some jobs on client side with text editor. The question is, is there any client sided richtext editor "LIKE DEVEXPRESS RICHEDIT" in ui. There are some editors, e.g "txcontrol" "fckeditor", "tinymce", "markitup" and etc. But the main thing is, the client sided components does not split the pages. Do you know any component? We are using "asp.net mvc and angular.js" Thansk for advice...
You can try this because you are using angularjs http://textangular.com/
Or Telerik Kendo UI text editor http://demos.telerik.com/kendo-ui/editor/index
The newest DevExpress Web RichEdit version is now completely client-side/JavaScript based.
It can be used in a pure JS code or within any framework (such as the jQuery or Angular).
I use Ionic for my iOS hybrid application,
I want to create a custom header and use a background image for all pages.
I want to know is there any way to create a master page in Ionic + AngularJS for using in another pages?
The answer varies depending on how you've already setup your app. Probably the simplest approach is to use a background image with CSS on the body of the page. That is just one line of CSS, but you'll have to consider how that image works or displays on various device sizes or if your app is in portrait or landscape mode.