What to use at the beginning of flexbox/frameworks/grids?

Question

React

Explain how to advance in the study of layout. My experience is not great, for practice, I took different psd templates and laid them out on regular css, positioned the blocks using display: inline-block, made adaptability through media queries. Since I am constantly hearing about frameworks (Bootstrap), flexbox and css grids, I would like to start using all this in my work and start developing in this direction, but looking for the necessary information about these things, I just got confused and cannot understand with what to start. Where to get the information you need and how to apply it correctly.

Answer 1

renderTab(index) {
  switch(index) {
    case 0:
      return <UserActivityJournal data={therapySessionData} />;
    /* ... */
  }
}

This way you avoid a bunch of unnecessary checks every render.

Answer 2

https://v4-alpha.getbootstrap.com/layout/grid/

Answer 3

There is a good flexbox playground , with its help you understand how flex works pretty quickly.

Answer 4

Well, for example, I also started to typeset, and I had the same problem as you. Didn't know where to start. Take one thing and make it up, you will understand one thing and it will not be difficult at all.
I typeset everything on flex)) I have enough of them for my eyes, bootstrap is most often used by those who are running out of time, or, for example, they are poorly versed in layout. Plus, bootstrap is needed for those projects where support for old browsers is needed, where, for example, flex does not work.
By the way, for flex, there is an interesting site with learning in a playful way !