Bino
  • Home
  • Blog
  • Desk
  • Collections
  • ML
  • About

#react

Referencing Values with Refs

28 Mar 2023

Styled-components is a CSS-in-JS library that enables you to write regular CSS and attach it to JavaScript components.
Read more

Difference between React and ReactDOM

25 Feb 2023

React is a JavaScript library for building user interfaces. ReactDOM, on the other hand, is a library that provides an interface between React and the DOM...
Read more

Conditional Rendering

22 Feb 2023

In React, you can conditionally render JSX using JavaScript syntax like if statements, &&, and ? : operators.
Read more

Lifting state up

20 Feb 2023

Lifting state up in react means moving data from a child component to some parent component either to use it there or pass it some other child component.

  • When you want to coordinate two components, move their state to their common parent.
  • Then pass the information down through props from their common parent.
  • Finally, pass the event handlers down so that the children can change the parent’s state.
  • It’s useful to consider components as “controlled” (driven by props) or “uncontrolled” (driven by state).
Read more

Controlled and Uncontrolled Components

18 Feb 2023

It is common to call a component with some local state “uncontrolled”.

In contrast, you might say a component is “controlled” when the important information in it is driven by props rather than its own local state. This lets the parent component fully specify its behavior.

When writing a component, consider which information in it should be controlled (via props), and which information should be uncontrolled (via state). But you can always change your mind and refactor later.

References

React Doc

Read more

JSX

4 Feb 2023

JSX is a XML-like syntax extension to ECMAScript (the acronym stands for JavaScript XML). Basically it just provides syntactic sugar...
Read more

React Components

20 Jan 2023

Conceptually, components are like JavaScript functions. They accept arbitrary inputs and return React elements describing what should appear on the screen.
Read more

What is React?

18 Jan 2023

React is an open-source front-end JavaScript library that is used for building user interfaces.
Read more

Material UI and Emotion

14 Dec 2022

Material UI uses Emotion as its default styling engine. Emotion is a library designed for writing css styles with JavaScript.
Read more
    • ««
    • «
    • 1
    • 2
    • »
    • »»

Bino Kochumol Varghese  • © 2023  •  Bino

Powered by Hugo & Lightbi   Made with ✨ by Bino