Full text PDF search application with React JS - reactjs

I'm developing a side project using ReactJS & React Native which lists the matching PDF files from a network location based on user "full text" search. I have used windows search service with ASP.NET mvc for the same project.
Looking for guidance to implement the same app using react, react-native with more separation of concerns and platform independent (not relying on windows search service). Sorry if this is a vague question. appreciate if get any guidance here.

Related

Moving to react from AEM and Sharepoint

We have a main domain which is running on Adobe Experience Manager and a sub-domain on Sharepoint. To enhance user experience, we want to move all pages to React. The plan was to start with pages on a piece meal basis but it appears that React pages cant be hosted with AEM / Sharepoint.
Just wanted to check if there is any approach of using react with AEM or Sharepoint, as in react pages could be under a certain sub-directory or do we need to move the entire website to React at one go.
Regards,
GS
Built a React page on local mahcine but it appears it cant be hosted on Sharepoint / AEM website.

Has anyone tried using Dash Plotly to make a mobile app?

Has anyone tried using Dash to make a mobile app?
I found it very useful to browse the Dash page on my phone, but I don’t want to enter Urls and log in every time.
And if it’s a mobile app, whether embedded or native, there are more features that can be implemented.
From my experience with dash, its not a current feature unfortunately.
To clarify plotly and dash have two different types of interaction. The vanilla plotly graphing library allows you to hover, zoom, pan,..etc. Dash is more about complete interaction between multiple graphs.
Dash is a web app framework, so it can't be a native app as the interaction capabilities come from the web app functionality. People have built hybrid apps using dash but the requests still go through your own dedicated dash app, which is hosted through the web browser. So in my perspective you're just doing redundant work that is done by plotly. That being said dash code can be made mobile friendly so (in my humble opinion) that would be a better route. But from colleagues that have explored this route, the click, hover, select events that are what makes dash so appealing, do not work very well without the precision of a mouse cursor.
Last point, if the vanilla plotly interaction is the only degree of interaction needed then those graphs can be embedded into a native app because they are offline.
It could be done, though perhaps there not an out-of-the-box solution for that purpose. But Plotly Dash is built with ReactJS, of which the "mobile version" is React Native.
ReactJS vs React Nativeenter link description here.
Having said that, consider not using a mobile application that you have to actually download (i.e. an APK) but instead a web app suitable for mobile devices. Compare it to having the Twitter app installed vs opening Twitter.com on your device. It "feels almost the same", and you don't have to download anything.
I recommend reading about Progressive Web Apps.
Example of PWA.

is it possible to create react app and deploy in sharepoint online without creating as web part?

has anyone worked with react and sharepoint, please tell me, if there any reference for creating a react app and deploy in sharepoint online directly, many of the references are creating react app as web part, but I cant find what I looking for. please help
It actually depends on where you want your application to show up in the SharePoint.
In addition to the WebParts, there is AppCustomizer option that allows you to show your app in one dedicated the placeholder of the sharepoint site (top or bottom):
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions
Other that, there is "single page part" option that allows you app to occupy all the space on the page, and to be the only thing the user gets basically:
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh

how to implement locale using ant design plugin in react application

I am trying to build application using ant design library. I have an application with home page and want to use localization so application uses locale from browser and displays accordingly.
I searched ant design supports it but could not find example to see how its implemented.
Any pointer or sample apps showing how its done will be really helpful.

How to design project solution for webapi2 with angularjs project?

I am starting new project with angularjs with webapi. This project will be e-commerce site. There is iOS and Android app also. We are going to develop APIs so that Android and iOS team can consume our APIs. Also we are going to consume APIs using angularjs for web application. I need some inputs before starting project. I am planning to design separate solutions for APIs and my web application. I am using visual studio for development environment for front end. I am confused about which template should I use in vs2015 to develop front end? My front-end will contains angular js files,HTML pages and CSS files. Second point is there is a Arabic version of this website so I am storing all Arabic words in resource file. Where should I store my resource files? In API project or front end project? May I get some inputs to develop solution architecture? Also what is the standard way of angularjs project folder structure? Any help would be appreciated. Thank you.

Resources