redux react-bootstrap functional-components conditional-rendering tailwindcss ternary-operator router-dom map-filter context-api controlled-components jsx-components useeffect-hook props-and-state-components usestate-hook if-else-statements lists-keys fetch-axios static-dynamic-routing events-input-handling