Popular posts

So it can be a possibility that this should have a js component developed which has to be referred like we do for Bootstrap or some other frameworks. Correct?

There are a lot of variables so hard to say, but taking bootstrap as an example - break it down into the pieces...

Bootstrap is fundamentally a set of HTML patterns. If you produce the right HTML, Bootstrap will style it for you. You might use JSX to produce that HTML, or you might have some more complex components layered over it which both produces the HTML and gives you state handlers and so on.

Without knowing the full details of their bespoke library I can't give you a definite answer. That's why I said you should check with the client to see if they have a React/JSX implementation of the library :)

My project is basically to create or rather HTMLs from referencing a pattern library created specifically in JSX, JSON and base is reactjs as per my investigation over the web.

I am fairly new in reactjs and concepts of JSX; i tried reading it on the documentation but couldn't really gather that amount of information.

Tried setting up the project with demo items and make it work out; simple project was successful but more than one page routing and others was difficult and not resolvable.

Below is the sample code from the pattern library:

**JSX Representation**
<Button text="Primary Button" />

**JSON Representation**
{
  "component": "Button",
  "props": {
    "text": "Primary Button"
  }
}

**Rendered HTML**
<button class="_3_Oz p barry-b-fg hulk-b-bg barry-b-fg-hover" type="submit">
  <span>Primary Button</span>
</button>

I need to first setup this environment which i have been doing in process but i really need to know the complexities can be handled using this technique to create modular components which is supported by this tyof development, as we are focusing on

• Responsive UI
• CSS implementation in this
• Interactions
• Accessibility standards
• Usability

Will this approach be feasible enough to built a full-fledged website or there will be some limitations?

Also, if some one has similar pattern library experience, please share the experience and URL and code if possible.

Thanks in advance