petitviolet blog

    react (2 posts)

    icon
    Written by petitviolet

    Getting Started with Panda CSS

    2023-10-15ReactTypeScript
    PandaCSS is a zero runtime CSS-in-JS library powered by Chakra. This post tries to give a getting started document with React.
    [Panda CSS](https://panda-css.com) is a zero runtime CSS-in-JS library powered by [Chakra](https://chakra-ui.com/). What "zero runtime" means is that Panda CSS statically analyze codes during preprocessing phase and then generates CSS which is not JavaScript. It's better in terms of performance an

    Show filter input if applyable records exist in ReactAdmin

    2022-12-29ReactReactAdmin
    Switch visibility of a filter if records to be applied not exist in React Admin
    [React Admin](https://marmelab.com/react-admin/) provides a capability to filter records shown in a list. https://marmelab.com/react-admin/FilteringTutorial.html Basically, the combo of ReferenceInput and SelectInput works when applying a filter based on referenced resources. However, it some