Discussion on: Simplify condition rendering in React.js

[chris-czopp]

Nice one! If you're interested in exploring other frameworks, in SolidJS you have:

function Show<T>(props: {
  when: T | undefined | null | false;
  fallback?: JSX.Element;
  children: JSX.Element | ((item: T) => JSX.Element);
}): () => JSX.Element;

...which you can use like:

<Show when={state.count > 0} fallback={<div>Loading...</div>}>
  <div>My Content</div>
</Show>

I find really neat.

[Chetan Atrawalkar]

How to write this type of code(like second) in Dev Community post please help

[chris-czopp]

Do you mean syntax highlighting? If so, then like this:

It's just Mardown compatible with Github.

[Chetan Atrawalkar]

Yes but how please share image details

[Redžep Murati]

Take a look at this official markdown guide:
markdownguide.org/extended-syntax/

[Edgar Mendoza]

@chetan_atrawalkar just surround your code with the following:

console.log("Hello World");

[Chetan Atrawalkar]

Thank you❤️

[Redžep Murati]

Nice tip. Thank you ❤️

[nemit74180]

hi