Sometimes we just need to explicitly set prettier config path in vscode:
"prettier.configPath": ".prettierrc"
Author Archives: lucia
Docker & Compose 101
How to Configure less-loader to Resolve Absolute Import Paths
Provided we have /styles under root, add the following resolve in your webpack config:
NextJS: How to Exclude Packages from Bundle
Use browser field in package.json:
"browser": {
...
"package-name": false
}How to Replace HTML Tags with React Components
First I tried the normal ways, like using html-to-react and the alike, but somehow due to some finicky formatting of strings, this library just flat out refuses to convert legitimate HTML. On top of that, NextJS was complaining loudly about Prop dangerouslySetInnerHTML did not match.
Time to bring out the big guns.
Continue readingAWS: How to Display Local Timezone in ECS Metrics
How a simple config as such could be so hidden:
Git: Clean Up Branches
Handy snippet to run, to delete all but the current branch:
$ git branch | xargs git branch -D
$ git remote prune originPython + VSCode: “Go to Definition” Doesn’t Work?
Make sure that you have Microsoft’s Python extension installed. If you need more than one paths, simply create a .env file in project root path, and add extra paths in, separated by :, as such:
PYTHONPATH=libs/python:/another/pythonVSCode will know to look for definitions under these paths.
If it still doesn’t work, or doesn’t work all the time, it’s very likely that one of the other plugins that you have is interfering with the Python one. To check, use Command + Shift + P to open the prompt and run the command:
> Extensions: Open Extensions FolderMove all the extensions there to another temporary place, re-install the Python extension, and see if things start working now. If it does work now, add them back in batch to find out the culprit. 😀
Also, for gigantic projects, try switching intellisense engine:
Python: Object of type X is not JSON serializable
Aka how to sending Arrays of Class Objects through GET requests.
The catch with GET is, of course, that you can’t under normal conditions send your request with a body of JSON objects.
React: Apply Props Recursively
Providing this was necessary during some painful email developments because:
- some styles only work inline
- some styles only work inline on immediate element
This function is to be used as such:
// inside a component, grabbing `children` from the props:
<div>
{applyRecursiveProps(children, { style: {color: 'blue'} })}
</div>