material-table
react-native-paper
Our great sponsors
material-table | react-native-paper | |
---|---|---|
8 | 23 | |
3,487 | 12,193 | |
- | 1.7% | |
2.3 | 9.0 | |
2 months ago | 11 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
material-table
-
The Best React Data Grid/Table Libraries with Material Design in 2023
Material-Table is a library that I used to use a lot. It was awesome. Unfortunately, the maintainer does not seem to be active on GitHub anymore, and the project is no longer being actively maintained. It went a couple of years without getting any updates, and there are some glaring NPM audit security warnings that you will receive if you install this in your project.
-
Material Table with NextJS 12 + TypeScript
// https://github.com/mbrn/material-table/pull/2937#issuecomment-879017952 import MaterialTable, { MaterialTableProps } from 'material-table' import { TablePagination, TablePaginationProps } from '@material-ui/core' function PatchedPagination(props: TablePaginationProps) { const { ActionsComponent, onChangePage, onChangeRowsPerPage, ...tablePaginationProps } = props return ( { const { onPageChange, ...actionsComponentProps } = subprops return ( // @ts-expect-error ActionsComponent is provided by material-table ) }} /> ) } export default PatchedPagination
-
Applying specific theme for react material-table
I'm trying to integrate react material-table (https://github.com/mbrn/material-table) with my project.
-
How to change name and Icon of Action Column in Material-Table React
I'm using Material Table and I need change the Action column name but this column is automatic generated because I'm using editable function from material table.
-
Errors when I import material table in my react app I installed it from https://material-table.com/#/docs/install : When I import 'import MaterialTable from 'material-table';' it It gives these errors bellow :
okay more so like the exxample in here, https://www.npmjs.com/package/material-table
-
Anyone ever worked with Data Tables in React Native ?
Ik like material table a lot. It's pretty easy to get started with and has great customization options.
-
Editable table components with auto calculated rows
The free offering is very lackluster, I currently roll my own editable table inspired by https://github.com/mbrn/material-table. The main reason was the inability to add frontend validation, but now it has a lot of functions that I need, each custom for my needs.
-
React/JS noob here, did I build my React tables poorly? Looking for advice on how to proceed.
e.g: https://material-table.com/#/
react-native-paper
-
Senior devs — how do you handle styles; and how do you scale it
In most cases they are wrappers around pure RN components (as I have been burnt by styling lib in the past - exactly NativeBase and its performance issues) and in the end, created components look like very light-weight version of RN paper components*:* https://github.com/callstack/react-native-paper/blob/main/src/components/Typography/Text.tsx.
-
First App Launch on Playstore [simple expense tracker app with firebase]
react paper modal - Modal
- Tips to create an app UI when you are not a designer
-
What’s RN’s version of Material-UI or Tailwind for React?
Some that also come up are: * https://github.com/akveo/react-native-ui-kitten * https://github.com/draftbit/react-native-jigsaw/tree/master/packages/ui * https://github.com/callstack/react-native-paper * https://github.com/GeekyAnts/NativeBase * https://github.com/react-native-elements/react-native-elements
- How do I get Shopify Polaris tokens to work with my React Native project (typescript)?
-
My first React Native app - helps people to find the best place to put their subwoofer
I'd say a good start would be to check the demos for NativeBase and Paper to compare the look/feel and see if they have all the components you need.
-
Top 10+ Best React Native UI Components for Mobile App Development
React Native Paper
-
React vs React Native: How Different Are They, Really?
CSS-based UI libs don't make sense on mobile; your new options include NativeBase, React Native Elements and others). Some web-based UI libs do have RN siblings though - such as React Native Material and React Native Paper (for Material-UI), and tailwind-rn (for Tailwind). This just means new decisions to make, some learning, and new paradigms for how to use the new libs.
-
is there a react native equal to MUI for reactjs?
I'll suggest going with native base and react native paper . As these are only 2 libraries up there which are efficient and give some good results.
-
Coming to React Native new - where do you get your news?
Every time when I start to learn something new I usually have a look at popular open source project. So I can understand some good patterns etc. E.g. https://github.com/callstack/react-native-paper
What are some alternatives?
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
react-native-elements - Cross-Platform React Native UI Toolkit
DevExtreme React Grid - Business React components for Bootstrap and Material-UI
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
react-native-vector-icons - Customizable Icons for React Native with support for image source and full styling.
KendoReact Grid - Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
react-native-material-ui - Highly customizable material design components for React Native
elementz - :space_invader: A React UI Component library for building modern applications easily & quickly
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode