TILs - Fueling Curiosity, One Insight at a Time

We can Rename the current local Git branch name by,
• Switch to the main via the command git checkout master.
• Enter the following command to rename a Git branch git branch -m old-name new-name .
• To ensure that the rename was successful, retrieve the current status of the branch using the git branch -a.

If we import a server component inside a client component, it will be treated as a client component but if we pass a server component to a client component as a child prop, it will not be converted to the client component and will be treated as a server component. This gives more granular control on what to show at what component. Composable child components will still be treated as client components as it is not passed as a child to the client component.

while upgrading your rails api only app to support html views , make sure to run rails assets:precompile in your local so that your assets are served properly and also make sure your assets are properly linked in assets/configs/manifest.js , or the process will be aborted.
If we skip this step, and it has some errors, it will cause build failures.

while updating ruby version in an existing app, make sure to also update the ruby version in your Dockerfile, or else it will cause build failure.

while creating rubocop github action , we need to add two flags:
• fail_on_error: true -> which will exit the process when error occurs
• filter_mode: noFilter -> this will run the rubocop for the entire project directory

Removing swap files form the merge -: we can can use our terminal for that we have to just ad the changes to the git then commit them with a message and then push the changes to repo and it will automatically reflect on the merge request.

Removing swap files form the merge

The basic principles for User Interface design
1. Hierarchy: User should be able to distinguish between important and less important information at a glance. The UI hierarchy should highlight what the user cares about the most.
2. Contrast: To draw attention to important content or features.
3. Alignment: Proper alignment helps with readability.
4. Clarity: There should not be anything that will confuse the user. We should try to provide a design that user can understand easily by taking a glance at it.
5. White space: For a design to work better. It needs to have a adequate amount of space between it's content.

How to enable web view to inspect website which is open on iphone

1. you have to first go to your iphone setting and search for the safari then then you got the advance option click on that then you got the web inspector enable that option.
2. now connect your iphone with your mac and now open the safari browser in the mac
3. Now click on safari option in the mac then click on preferences and go to Advance option and enable the show develop menu on menu bar now you have the develop option on you mac safari menu bar.
4. Now click on the develop option and you get your iphone option and now you will able to inspect your website which is open in your iphone
This is helpful to resolved bug which is only happen on iphones