Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for data-driven layout

See original GitHub issue

Hi, can I use fre for construct data-driven layout based on JSON schema? Something like this https://github.com/TechniqueSoftware/react-json-schema

Issue Analytics

State:
Created 3 years ago
Comments:10

Top GitHub Comments

3reactions

yisarcommented, Apr 21, 2020

function Container(){}
type: Container

2reactions

yisarcommented, Apr 21, 2020

const schema = {
  type: 'div',
  props: {
    style: {
      background: 'red'
    },
    children: {
      type: 'h2',
      props: {
        style: {
          color: 'white'
        },
        children: { type: 'text', props: { nodeValue: '111' } }
      }
    }
  }
}

Because of the absence of h function, vdom here needs to process the ending.

The format of fre may not be standard. I will adapt to the new standard as soon as possible.

https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md#jsx-transform-changes

Top Results From Across the Web

Complete Guide to Data-Driven Design | Attention Insight

Data -driven design helps to create a user-centric design and a better user experience based on evidence about the user's behavior and needs....

Data-Driven Design: What It Is and Why It Matters - Springboard

Data -driven design proves that your work is on the right track, reveals users' pain points, and improves your designs by adding objectivity....

Data-Driven Service Design - Medium

“The use of data and analytics for discovering opportunities, such as needs, trends, ideas, or design options, for new or advanced services or...

Data-driven Design - Adam Fard' UX Agency

The following article is an exploration of data-driven design. We'll look into its importance, the research necessary to support it, and some suggestions...

Data-Driven Design: An Integral Part of UX Design - UXmatters

This data helps product teams understand their target users, reveals information about users' painpoints, unearths new trends, supports data- ...