× The internal search function is temporarily non-functional. The current search engine is no longer viable and we are researching alternatives.
As a stop gap measure, we are using Google's custom search engine service.
If you know of an easy to use, open source, search engine ... please contact support@midrange.com.



Hi,

If search engine optimization is a high priority, and you want to do single-page app designs, then Node.JS with the React.JS library might be useful. I am not speaking from experience or expertise. I'm just speaking from things I've read in tutorials, blogs and books.

I've read that you can do server side rendering with Node.JS and React.JS. Basically, your dynamic web pages will be rendered on the IBM i, so the browser receives HTML. This allows search engines to crawl the pages. Please search online for details. Here are two random links to illustrate:

https://medium.com/styled-components/the-simple-guide-to-server-side-rendering-react-with-styled-components-d31c6b2b8fbf

https://medium.freecodecamp.org/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e

To be clear:

I'm not saying Node.JS with React.JS is the only way to do server-side rendering. For all I know, other technologies (like PHP or Java) can also do server-side rendering on the IBM i. Maybe someone else on the list can speak to that.

I'm not saying server-side rendering is the only approach to achieving search engine optimization with single page apps. There may be other strategies or methods which I know nothing about.

Finally, some things you might want to know about React.JS:

1. React.JS is not a framework like Angular or Vue.JS. React.JS is a JavaScript library for building user interfaces. It was developed by Facebook, though Facebook released it as free open source. React.JS has become just as popular as frameworks such as Angular or Vue.JS.

2. Although I think you can develop React.JS web apps using pure JavaScript, Facebook created an extension to JavaScript called JSX specifically for use with React.JS. JSX would probably make your life easier in the long run (https://reactjs.org/docs/introducing-jsx.html).

3. React.JS has a different philosophy when it comes to separation of concerns. React.JS mixes HTML and JSX in ways that people familiar with frameworks like Angular or .NET MVC may consider "flawed." But React.JS just has a different approach to separation of concerns. Love it or hate it-but it works for several big companies (e.g., Facebook, Netflix, Instagram, Yahoo Mail https://brainhub.eu/blog/10-famous-apps-using-reactjs-nowadays/). Here's a good YouTube video about the React.JS approach: https://www.youtube.com/watch?v=x7cQ3mrcKaY
Thanks,

Kelly Cookson
IT Project Leader
Dot Foods, Inc.
217-773-4486 ext. 12676
www.dotfoods.com<http://www.dotfoods.com>

From: WEB400 [mailto:web400-bounces@xxxxxxxxxxxx] On Behalf Of Bradley Stone
Sent: Monday, June 18, 2018 11:05 AM
To: Web Enabling the AS400 / iSeries <web400@xxxxxxxxxxxx>
Subject: [EXTERNAL] Re: [WEB400] Frameworks

How's are the crawlers dealing with SPWAs these days? Or if SEO isn't an
issue, then it shouldn't be a concern.

On Mon, Jun 18, 2018 at 9:59 AM Steve Richter <stephenrichter@xxxxxxxxx<mailto:stephenrichter@xxxxxxxxx>>
wrote:

On Sun, Jun 17, 2018 at 5:28 AM, Tim Fathers <X700-IX2J@xxxxxxxxxxx<mailto:X700-IX2J@xxxxxxxxxxx>>
wrote:

...if it's not too late I'd also urge you to consider a front-end
framework like Angular or React and architect your solution as a
single-page web application
rendered on the client, instead of using PHP and doing server-side
rendering.



I strongly second this approach. I am using vue.js . Was very easy to get
started with vue. I use PHP as the vehicle to call sql procedures on the
IBM i and return result sets back to javascript code as json.

-Steve
--
This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing
list
To post a message email: WEB400@xxxxxxxxxxxx<mailto:WEB400@xxxxxxxxxxxx>
To subscribe, unsubscribe, or change list options,
visit: https://lists.midrange.com/mailman/listinfo/web400<https://lists.midrange.com/mailman/listinfo/web400>
or email: WEB400-request@xxxxxxxxxxxx<mailto:WEB400-request@xxxxxxxxxxxx>
Before posting, please take a moment to review the archives
at https://archive.midrange.com/web400<https://archive.midrange.com/web400>.


--
This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing list
To post a message email: WEB400@xxxxxxxxxxxx<mailto:WEB400@xxxxxxxxxxxx>
To subscribe, unsubscribe, or change list options,
visit: https://lists.midrange.com/mailman/listinfo/web400<https://lists.midrange.com/mailman/listinfo/web400>
or email: WEB400-request@xxxxxxxxxxxx<mailto:WEB400-request@xxxxxxxxxxxx>
Before posting, please take a moment to review the archives
at https://archive.midrange.com/web400<https://archive.midrange.com/web400>.

As an Amazon Associate we earn from qualifying purchases.

This thread ...

Replies:

Follow On AppleNews
Return to Archive home page | Return to MIDRANGE.COM home page

This mailing list archive is Copyright 1997-2024 by midrange.com and David Gibbs as a compilation work. Use of the archive is restricted to research of a business or technical nature. Any other uses are prohibited. Full details are available on our policy page. If you have questions about this, please contact [javascript protected email address].

Operating expenses for this site are earned using the Amazon Associate program and Google Adsense.