ELI5: Fresco – Image Management Library for Android
In this post, we explain Fresco, a powerful system for displaying images in Android applications, in a way that is super simple to understand (or as it’s commonly known online, ELI5). If you’re interested in learning by watching or listening, check out a video about this open source project on our Facebook Open Source Youtube channel.
Why Fresco?
Many of us are accustomed to browsing the Internet using reliable in-home wireless or a high-speed LTE connection on our mobile device. However, many users all over the world don’t have access to reliable internet access or the newest phone. With these limitations, users are unable to effectively use photos, gifs, and other forms of media. These non-text based communication devices help people to come across more genuine, and, without them, people’s conversations stay more formal and often lack genuine personality.
Fortunately, we get to help these people with projects like Fresco. This resources management library ensures that images, animations, and other visual assets can be used on a wide range of devices, even with an unreliable Internet connection. Fresco makes this happen by keeping resources’ memory footprint as small as possible. This functionality lets people use visuals while adjusting the image quality to what the device and the network can handle.
Here’s how it works. Fresco introduces progressive image loading where a low-resolution scan of the image is shown first, and then the quality is gradually improved as more of the image gets downloaded. This functionality is especially useful for devices relying on slow networks.
One use case to consider is how we use Fresco at Facebook. As a company, we aim to make online communication more personal. For this purpose, the Facebook app has animated stickers and gifs where people can authentically express themselves. However, from a technical point of view, these animated stickers and gifs are difficult to support as they need to be decoded, stored and displayed. But with Fresco, these challenges are handled for you, so animation becomes what it should be – a lot of fun!
Where is it used?
Fresco was first open sourced in early 2015. Apart from Facebook, companies like Wikipedia, Twitter and Redfin use this library for their Android apps.
Where can I learn more?
To learn more about Fresco, visit their website. It has great documentation for those who are just starting or want to use more advanced features. In case you would like to see Fresco in action, the project’s site has multiple sample apps for you to try. If you have any questions, you can go to Fresco’s GitHub page or StackOverflow.
If you have any further questions about Fresco, let us know on our Youtube channel, or by tweeting at us. We always want to hear from you and hope you will find this open source project and the new ELI5 series useful.
About the ELI5 series
In a series of short videos (~1 min in length), one of our Developer Advocates on the Facebook Open Source team explains a Facebook open source project in a way that is easy to understand and use.
We will write an accompanying blog post (like the one you’re reading right now) for each of these videos, which you can find on our Youtube channel.
To learn more about Facebook Open Source, visit our open source site, subscribe to our Youtube channel, or follow us on Twitter and Facebook.
Interested in working with open source at Facebook? Check out our open source-related job postings on our career page by taking this quick survey.
In this post, we will briefly talk about Docusaurus, a website building tool that makes it easy to develop, maintain and deploy a documentation site. If you prefer to learn about Docusaurus in a short video rather than a blog post, go to the Facebook Open Source YouTube channel to watch another episode of ELI5.
Why Docusaurus?
The top open source projects on GitHub have their own documentation sites that contain an overview of the project, short getting started guides, in-depth tutorials and project blogs. These resources are key to the success of any open source project, but building, managing and deploying them can be a lot of work. Unless you’re using Docusaurus.
Docusaurus is an open source project for building, deploying and maintaining websites. This project’s main goal is to get you started with your website in a matter of seconds. Beyond creating the site, Docusaurus emphasizes speed of both developer and end users by following the PRPL pattern and by relying on an incremental build for content changes.
Docusaurus allows developers to use tools they already know like Markdown or MDX to write documentation or blogs. With React as the backbone of Docusaurus, developers can customize their website to fit their use case.
This website building tool also comes with search and localization features. Projects built with Docusaurus leverage Algolia for a built in search engine and Crowdin for language support.
The cherry on top is that you don’t have to manually update your documentation every time you update your code. Docusaurus automatically syncs docs to project releases so that you can spend more of your time working on the things you care about.
Where is it used?
Docusaurus was first released to the public by the Facebook Open Source team in 2017. Since then, this project has been used by a large number of the Facebook open source projects and by over 100 external projects.
Where can I learn more?
Want to learn more about Docusaurus? You can find extensive documentation and tutorials covering a wide range of topics on building and customizing your site. If you want to engage with the community, feel free to join the Discord channel or talk to the team on Twitter.
If you want to see more content about Docusaurus, let us know on our YouTube channel, or by tweeting at us.
About the ELI5 series
In a series of short videos (~1 min in length), one of our Developer Advocates on the Facebook Open Source team explains a Facebook open source project in a way that is easy to understand and use.
We will write an accompanying blog post (like the one you’re reading right now) for each of these videos, which you can find on our YouTube channel.
To learn more about Facebook Open Source, visit our open source site, subscribe to our YouTube channel, or follow us on Twitter and Facebook.
Upcoming Changes to the Messenger API
ELI5: Docusaurus – Making Documentation Easy
2020 Developer Circles Community Challenge regional winners announced
ELI5: Fresco – Image Management Library for Android
Customer Care and Why It Matters for Businesses
Customer Care and Why It Matters for Messenger
WhatsApp Payments: How to Send and Receive Money
How Facebook, Twitter differ on labelling Donald Trump’s US election posts
Introducing Graph v9.0 and Marketing API v9.0
Customer Care and Why It Matters for Messenger
Meet the startups from the Facebook Accelerator: Commerce program
