Coming from a design background and looking for a job meant you need to represent yourself as a brand. As a developer, my brand leans toward more of a front end designer because that has been where I decided to place my attention when creating a website. As a developer, the more features, the better, but in conflict with the designer, the busier, the less attractive. The amount of features to use has been a struggle for me as I would often compare myself to others with more feature-heavy projects. At the same time, I would give attention to how well the UI is perceived.
Redux allows the developer to store data, a developer uses this feature to make components less reliant of passing data as props, the local state to separate concerns. The separation of concerns is what React is best at, the class or functional components import and export to each other and will have data passed between them. When the user interacts with the UI then actions will be invoked. When an action is invoked in a component code as to written inside a component dispatch is called to pass an action to a reducer dispatch=>({type: "ADD_SOMETHING"})
.
When I decided to learn at Flatiron school, there was much known, and more I didn’t know. My previous experience was as a Graphic Designer, and I created a web design of a potential web application. After entering the Bootcamp, I needed to learn how to structure my time. The time I gave at the beginning was the time recommended. Still, when learning a new curriculum you’ve only had a brief time with, there should be an effort on your part to touch upon your learning skills. Learning my study habits and reworking them was difficult and took patience. In the beginning, I had to relisten to lectures and pay close attention to the labs. When it came time for my first project, I was behind and worried. The confidence I gained came from the amount of material Flatiron provides. There is so much to find about how to implement one thing or the syntax of another.
React Components work together to give each other component its own responsibility. A container components mount child components and can send props, and manage state, along with other tasks. When managing state with Redux you can use import {connect} from "react-redux"
to use mapStateToProps
which will retrieve the state changes and pass them into <Components as={props} />
. These child components can also have a local state as a class component or they can be functional components without state using only the props passed down to them. Components that have the job of only rendering are Presentational components.
Coming to info JavaScript, the this
keyword was confusing and how if performed in functions. The this
keyword behaves differently in JavaScript than other languages, and I found myself using the 'use strict'
for this
when learning functions. It may be different each time the function is called non-strict
mode. In non-strict mode, the this
refers to an object; it can be any value in strict mode.