Bilibili React Native

screenshot of Bilibili React Native

Bilibili React Native

【开发中】React Native版本的Bilibili客户端,支持iOS和Android用户


The Bilibili client's ReactNative version progress record showcases a timeline of accomplishments, including the integration of Redux framework, implementation of local storage and network requests functionalities for theme switching, addition of search popup functionality, and development of search results and video details pages. The project saw a pause on development in October 2016, but continued with a platform switch and updates to React-Native, React, and the Redux framework in June 2017.


  • Redux Integration: Incorporated Redux framework for state management.
  • Tab Navigation: Utilized the react-native-scrollable-tab-view plugin for tab navigation.
  • Local Storage: Implemented functionality for local storage and network request capabilities.
  • Theme Switching: Enabled users to switch between different themes.
  • Search Popup Feature: Added a pop-up functionality for searching on the home page.
  • Search Results Page: Created a page to display search results.
  • Video Details Page: Developed a page to showcase video details.
  • Information Display: Integrated functionality to fetch and display information on the home page.


  1. To install the Bilibili ReactNative client:
  2. Clone the repository from the provided source.
  3. Navigate to the project directory.
  4. Run npm install to install project dependencies.
  5. Use the appropriate platform-specific commands to build and run the application.


The progress record of the Bilibili client's ReactNative version demonstrates a detailed timeline of feature implementations and advancements in the project. From integrating Redux for state management to enhancing user experience with theme switching and search functionalities, the project showcases a comprehensive development journey. With plans for future upgrades and advanced features, the Bilibili client's ReactNative version reflects a resilient project that aims to deliver an enriched user experience.


React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.


Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.