Building an app a database changes are inevitable. Alembic is light weight tool for database migrations mainly used with [SQLAlchemy](https://www.sqlalchemy.org) . What it basically does will apply git like tracking to the database. Alembic will give Django like database migrations to python applications and allow the dev to see changes made over time. The benefit of tracking the history of the database will allow teammates have the most current changes and if there is any issue the database can be rolled back the previous version. The feature of t
The goal of the project is to start blocking ads and secure our data being used by other websites. I wanted to use my raspberry pi but couldn't find it. So I opted to use an old laptop that was running Pop_os, that wasn't doing anything.
- Breaking an app into multiple sections taking larger section and componentizing them. Allowing the possibility to have multiple repositories for one web app.
Here is snap shot of how I have my development set up in 2023.
- Writing in JSX could be easy to forget that they are not real elements and have not really been created til the render method has been executed.
- Any time the app need to perform a side-effect, then it will be executed within a useEffect hook.
React Lifting up state, what does this mean exactly? Lifting State is the way we explain sharing state among components. So the first we locate least common parent, depends a lot on where and what needs the state prop. For the example it would be the App component. This isn't to say that is where the state should live but for an examples and learning is most likely the bottom.
How can we make the hook able to work with multiple values and keys, with save to local storage and things. The example is working with local storage. Working with local storage is could be pretty help full in other places.
React abstract the Imperative browser API. By abstracting the browser API, React would be declarative when working with browser API.
Create a repo on Github and once confirmed the repository the screen will have the git commands that can be copied and paste into the terminal. Open the terminal and get to a working directory. Either mkdir and cd into the dir or cd the path of the dir that you wish to start the repository. Then copy paste the whole section of code and now you have started version controlling the codebase
The first countermeasure is to be more public with what I'm building. So writing articles on what I have learned that week and a constant flow of tweets. Like a weekly review or similar to "stand-ups". Hopefully, this commitment with keeping the interest alive on the project.
Dropdown Menu to navigate through a website or app. The component is somewhat modular and allows the addition of any number of routes and sub-routes to be displayed. There is a code sandbox with code.. [click to see code](<[https://codesandbox.io/s/mobile-nav-qln8p](https://codesandbox.io/s/mobile-nav-qln8p)>)
Working with Manage State and Derived State. Manage state is state that is explicitly manage, where Derived State is calculated base on other state such as calling a function to. when building the Tic tac toe app using derived state, It all depends on a declared function. Where the only manage state is the array value called squares.
Creating DOM elements get us closer to the building the components. But writing them all wil `React.createElement()` api could be complicated and repetitive. So in comes a JSX, It is a HTML-like syntactic sugar. It is not HTML and not JavaScript Could be thought as a template language in js.
- To give a component a styles there are two ways to assign style to the component first is `className` the other is inline and is created by the `style ={{}}` where camelCase properties are defined in an Object.
To actually get data from an API the first option would be to use `Fetch()`. Which is a promised base JavaScript API that modern browsers(not IE) have implemented and standardize? There are also JS libraries that give additional features when fetching data such as Axios. but that is for another time. So we have a simple idea on how to make a call to get the data, but how and when should React make the call to get the data?
When working with components, props get past around like a ball on game day. Anyways there is the possibility that there could have some props have default values. Below are 3 ways that I have found.
The articles to come will be focused on Application Administrator. My goal is to document the things that I have learn. I have little experience with the Teamcenter software. So I have a good start in documenting cause the position is not even created and I am not 100% sure what is required of me. but I know one thing is that I hope that I can change what I am known for in this company. I hope that the team and I can improve the current state of the company and make it better for the future.