Windows 10: Bing redesigns homepage on Amazon Fire tablets using React + Redux

Brink · Mar 19, 2019

Tablets are an important part of the Bing success story, with many users looking for the latest news, checking out sport scores and searching for entertainment. To better optimize for such user intent across devices of varying screens sizes and aspect ratios while providing fluid and aesthetically pleasing experience we at Microsoft completely redesigned the Bing homepage on Amazon Fire tablets using React + Redux.

This is the first major browser experience on Bing that is completely rendered on the client using React, while Redux handles the state management across tabs. Most of the browser Bing ecosystem is rendered on the server-side, however, for experiences that are highly interactive, highly adaptable and API-powered, such as feeds with personalized news stories from the web, the client-rendering is a better choice. We evaluated multiple options for client rendering and settled on React + Redux given its full range of great features, high performance and development simplicity, and since other Bing experiences were using React already (such as the camera features on our Bing iOS app), it was a natural choice for us.

Designing for a spectrum of different form factors can be a challenge. For example, the Fire tablet is available in a wide range of dimensions, 7'’ to 10.1'’ as seen on the Amazon Site:

For this reason, building a truly responsive experience was paramount to us. We built the UI to be responsive to single-column or multi-column layouts — adapting to all the different Fire tablets screen sizes. Its smooth transition on the browser is what makes client-rendering and React great for such experience.

The client is powered by a RESTFUL API that serves our data and caching needs. The API encapsulates a service built on our Microsoft Azure based micro-services platform which helps us with our goals of >99.99% availability, elastic scalability at the level of internet and geo-redundancy across five continents. In addition to reducing the data retrieval latency, we use caching to minimize the Bing API payload.

The experience at the moment can only be accessed on Amazon Fire tablets using their Silk browser, although we’re always experimenting on other platforms too. You can see the responsiveness of the experience in the screenshots below, auto-adjusting to different device widths (in this case, self-adapting the UI to three columns, two columns and one column):

Architecturally, we have scalable web services built using .Net Core which take and process the initial HTTPS requests from the user. The service connects with our micro-service running Node.js in Azure and our React+Redux libraries.

To get the actual data, we have a set of RESTFUL APIs which are constantly fetching the information from our in-memory No-SQL DB, which gets populated continuously by a set of services calling the Bing APIs. Caching services allow for fault-resiliency and performance optimization. The latency between the information from the Bing APIs and the No-SQL DB is kept to a minimum to allow for fresh content to be available to the end-user (which is crucial since the feeds and trending contents are primarily news-centered).

On the client side we also make use of CSS parallax so that scrolling will smoothly transition the page into full-screen, docking our search box and header together at the top. We originally created this animation by modifying the DOM on browser scroll events but found that parallax is much more lightweight and stays smooth on any hardware, so long as it has browser support. Once the user scrolls and docks (shown below), they can endlessly scroll the embedded iframe to browse their feed. When finished, one simple click on the Bing logo will return them to the default state and refresh their feed for any new available content.

The feeds that you get using the Fire tablets are the same that you get using the Bing iOS or Android app. If you don’t want to get the Feeds, there is always an option in the Bing settings page to minimize it:

In addition to the personalized feeds, our users can also enjoy a number of other content such as news, sports, recipes and much more.

Hope you enjoy the experience and let us know if you have any feedback. We’ll continue to develop and improve the experience — cheers!
Click to expand...

Source: https://blogs.bing.com/search-qualit...Amazon-Tablets

:)

TyeErb · Mar 19, 2019

Minecraft on Amazon fire 8

We bought minecraft from amazon for $6.99. Its on 3 amazon fire 8 tablets. The one tablet my 8 year old plays we cant get minecraft to load. It opens for a min. Has a white screen that says minecraft then goes right to the tablets homepage. I have called
amazon they took over and helped uninstall and reinstall. Then we had to factory reset (TWICE). Once again its doing the same thing. I do not want to keep messing around. It is only the minecraft app on (1) Tablet that is doing this. Please help. Mojang is
not getting back to me.

StephenMazza · Mar 19, 2019

How to use Skype on my Amazon fire tablet

How to use Skype on my Amazon fire 8.9 tablet. *** Email address is removed for privacy ***

Diego Rios_06 · Mar 19, 2019

Amazon Fire Stick

Hi,

I'm Diego Rios, an Independent Advisor willing to help other Microsoft customers.

You can try the following procedures below explain how connect your fire stick to Wi-Fi:

Steps

Connect the Amazon Fire Stick to your TV. The Amazon Fire Stick connects directly to an HDMI port on the back of your TV. ...

Connect the Fire Stick to power. ...

Select Settings. ...

Select Network. ...

Select your preferred network. ...

Enter the Wi-Fi network password. ...

Select Connect.

Please let me know if this helped and works.

Best Regards,

Diego R.

Windows 10: Bing redesigns homepage on Amazon Fire tablets using React + Redux

Bing redesigns homepage on Amazon Fire tablets using React + Redux

Bing redesigns homepage on Amazon Fire tablets using React + Redux

Bing redesigns homepage on Amazon Fire tablets using React + Redux

Bing redesigns homepage on Amazon Fire tablets using React + Redux - Similar Threads - Bing redesigns homepage

my amazon fire tablet wont show up on my pc.

my amazon fire tablet wont show up on my pc.

Amazon Fire TV

Amazon Fire Stick

my new amazon fire tablet wont accept my password

Amazon Fire Stick

Bing Homepage Today

Amazon Fire TV - voice controller to be used for SKYPE possible

The Bing homepage goes HD