-
- Programandoconro -
- +
+
- 
+ 
diff --git a/src/components/BlogIcon.astro b/src/components/BlogIcon.astro
new file mode 100644
index 0000000..20bfc24
--- /dev/null
+++ b/src/components/BlogIcon.astro
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Card.astro b/src/components/Card.astro
index 786c094..cfb7e87 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -1,32 +1,35 @@
---
export interface Props {
- body?: string;
href: string;
logo: string;
logoWidth?: number;
+ logoHeight?: number;
id?: string;
+ openInSameTab?: boolean
}
-const { href, body, logo, logoWidth = 100, id } = Astro.props as Props;
+const { href, logo, logoWidth = 100, id, logoHeight = 100, openInSameTab } = Astro.props as Props;
---
-
+
+
+
+
+
+
+
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..ece4d43
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/components/Header.astro b/src/components/Header.astro
new file mode 100644
index 0000000..27735a9
--- /dev/null
+++ b/src/components/Header.astro
@@ -0,0 +1,29 @@
+---
+import Download from './Download.astro'
+import Language from './Language.astro';
+import BlogIcon from './BlogIcon.astro'
+
+---
+
+
diff --git a/src/components/Link.astro b/src/components/Link.astro
new file mode 100644
index 0000000..06db86d
--- /dev/null
+++ b/src/components/Link.astro
@@ -0,0 +1,11 @@
+---
+export interface Props {
+ href: string
+ target: string
+}
+
+const {href, target='_blank'} = Astro.props as Props;
+---
+
+
+
diff --git a/src/components/Profile.astro b/src/components/Profile.astro
index 27dad53..fdf3b70 100644
--- a/src/components/Profile.astro
+++ b/src/components/Profile.astro
@@ -1,44 +1,37 @@
---
import Card from "../components/Card.astro";
+import Grid from "../layouts/Grid.astro";
---
-
-
+
-
-
-
-
- -- UC - 2013 ++
-
+
+
-
+ +-+ Rakuten + 2022 ~ + ++- Graduado de Biólogo en la Universidad de Carabobo, Venezuela. En la - clase de Ecología de Poblaciones conocí mi primer lenguage de - programación, me enamoré al instante. + + +-
- +
+-+ Lateral Thinking + 2020-2022 ++
-
- - +
-
- -- IVIC - 2013 - 2019 + + + +
- +
- - -+-+ Freelancer + 2019 - 2020 ++- Instituto Venezolano de Investigaciones. Desarrollo de aplicaciones - científicas para el análisis de datos y predicciones con aprendizaje - automatizado. Aprendo R, Python y Machine Learning. + + +-- +
+-+ IVIC + 2013 - 2019 ++- -
-diff --git a/src/components/Title.astro b/src/components/Title.astro new file mode 100644 index 0000000..19f760c --- /dev/null +++ b/src/components/Title.astro @@ -0,0 +1,73 @@ +- Freelancer - 2019 - 2020 + + +- - -- +
+-+ UC + 2008-2013 ++- Comienza mi camino en el aprendizaje de React y React Native. Tutor y - Desarrollador de aplicaciones con R(shiny). Contribuyo en la mejora de - la UI en App React Native relacionada con el trasporte. Aprendo Go y - JavaScript. --- -
- - ---- Lateral Thinking - 2020-2023 --- Contribuyo en diversos proyectos React. Creador de dispostivo para - contar personas. Implemento nuevas features GPS para una App Android. - Aprendo Typescript, Kotlin y Java. --- -
- + + + +--- Rakuten - 2023 - actualmente - --- Frontend Developer en la mayor plataforma de ventas online de Japón. - Desarrollador de nuevas funcionalidades. Testeo y mantenimiento de - código fuente. Mejoro mi CSS, HTML y SEO. Avanzo con Typescript y Redux. --
+ + + diff --git a/src/env.d.ts b/src/env.d.ts index bb6ca1f..a145ddb 100644 --- a/src/env.d.ts +++ b/src/env.d.ts @@ -1,9 +1,11 @@ +////// interface ImportMetaEnv { - readonly PUBLIC_VERCEL_ANALYTICS_ID: string; + readonly PUBLIC_VERCEL_ANALYTICS_ID: string; + readonly PUBLIC_ASTRO: string; } interface ImportMeta { - readonly env: ImportMetaEnv; + readonly env: ImportMetaEnv; } diff --git a/src/i18n/introdution.json b/src/i18n/introdution.json new file mode 100644 index 0000000..3964f8a --- /dev/null +++ b/src/i18n/introdution.json @@ -0,0 +1,19 @@ +{ + "english": [ + "Hello, my name is Ro.", + "Welcome to my site,", + "a place where I share my learning", + "interests and experiences in the programming world." + ], + "spanish": [ + "Hola, mi nombre es Ro.", + "Bienvenidos a mi sitio web,", + "un lugar donde comparto mi aprendizaje,", + "intereses y experiencias en el mundo de la programación." + ], + "japanese": [ + "こんにちは、私の名前はロです。よろしくお願いします。", + "私のウェブサイトにいらっしゃいませ。", + "プログラミングの世界で学びや経験をシェアしているサイトです。" + ] +} diff --git a/i18n/languages.json b/src/i18n/languages.json similarity index 100% rename from i18n/languages.json rename to src/i18n/languages.json diff --git a/i18n/profiles.json b/src/i18n/profiles.json similarity index 97% rename from i18n/profiles.json rename to src/i18n/profiles.json index 76e2148..d488f01 100644 --- a/i18n/profiles.json +++ b/src/i18n/profiles.json @@ -1,8 +1,8 @@ { "title": { - "spanish": ["Mis perfiles"], - "english": ["My profiles"], - "japanese": ["私のプロファイル"] + "spanish": ["Perfiles"], + "english": ["Profiles"], + "japanese": ["Profiles"] }, "github": { "spanish": [ diff --git a/src/i18n/projects.json b/src/i18n/projects.json new file mode 100644 index 0000000..b12c21f --- /dev/null +++ b/src/i18n/projects.json @@ -0,0 +1,95 @@ +{ + "freelance": { + "title": { + "spanish": ["Proyecto reciente"], + "english": ["Recent project"], + "japanese": ["Recent project"] + }, + "nakagawaactivity": { + "spanish": [ + "Un sitio web para reservar aventuras en bicicleta, kayak y escalada." + ], + "english": [ + "A website to make reservations for bicycle, kayac and climbing adventures." + ], + "japanese": [ + "自転車、カヤックやクライミングのアドベンチャーを予約するようにウェブサイトです。" + ] + } + }, + "pet": { + "title": { + "spanish": ["Algunos proyectos mascota"], + "english": ["Some sample pet projects"], + "japanese": ["Some sample pet projects"] + }, + "kanjiholics": { + "spanish": [ + "Un dashboard que emula la funcionalidad de corregir", + "lenguages de HelloTalk. Con login de Google, Redis database y Redux." + ], + "english": [ + "A dashboard to emulate HelloTalk correction functionality.", + "With Google authentication, Redis database and Redux." + ], + "japanese": [ + "HelloTalkの修正機能の真似ダッシュボード。", + "Googleの認証、REDISデータベースやREDUX。" + ] + }, + "kanjiholicsAndroid": { + "spanish": [ + "Android app para guardar, agrupar y practicar tus Kanjis favoritos. Inspirado en Anki" + ], + "english": [ + "Android App to group, practice and master your favorite Kanjis. Inspirated by Anki" + ], + "japanese": [ + "好きな漢字を保存、グループや練習するためにAndroidアプリです。Ankiのインスピレーション。" + ] + }, + "rustyChess": { + "spanish": [ + "Un tablero de ajedrez para PC desarrollado en mi tiempo libre", + "para aprender Rust, WebAssembly y para practicar tecnologías web." + ], + "english": [ + "A chessboard for PC developed in my free time to learn Rust,", + "WebAssembly, and to practice web technologies." + ], + "japanese": [ + "私の自分な時間でRust、WebAssemblyやWeb技術を練習ために開発した「PC」チェースボード。" + ] + }, + "cactusRestaurant": { + "spanish": [ + "Envía datos de reservación de restaurant y recibe la confirmación en tiempo real.", + "Mi primer proyecto con React Native." + ], + "english": [ + "Send restaurant reservation data and receive confirmation in real time.", + "My first React Native project." + ], + "japanese": [ + "レストラン予約のデータの送りやリアルタイム確認。", + "私のReactNative最初のプロジェクト。" + ] + }, + "weatherCalendar": { + "spanish": [ + "Calendario de pronósticos climáticos.", + "Realizado con NextJS 14 y openweather api.", + "Con SSR y actualización automática de datos." + ], + "english": [ + "Weather forecast calendar.", + "Made using NextJS 14 and openweather api.", + "With SSR and automatic update of data." + ], + "japanese": [ + "天気予報カレンダー。NextJSやopenweatherAPIで作成しました。", + "SSRや自動的にデータ更新。" + ] + } + } +} diff --git a/src/i18n/timeline.json b/src/i18n/timeline.json new file mode 100644 index 0000000..292ff2e --- /dev/null +++ b/src/i18n/timeline.json @@ -0,0 +1,97 @@ +{ + "uc": { + "spanish": [ + "Graduado de Biólogo en la Universidad de Carabobo,", + "Venezuela. En la clase de Ecología de Poblaciones conocí", + "mi primer lenguage de programación, me enamoré al instante." + ], + "english": [ + "Graduated Biologist from Carabobo's University, Venezuela.", + "I knew my first programming language during Ecology of Populations classes,", + "I instantly fell in love." + ], + "japanese": [ + "ベネズエラのCarabobo大学に生物学で卒業しました。", + "人口生態に私の最初のプログラミング言語を学習しました、", + "一瞬で恋に落ちた。" + ] + }, + "ivic": { + "spanish": [ + "Instituto Venezolano de Investigaciones.", + "Desarrollo de aplicaciones científicas para el análisis de datos", + "y predicciones con aprendizaje automatizado.", + "Aprendo R, Python y Machine Learning." + ], + "english": [ + "Institute of Scientific investigations.", + "Scientific Apps development for data analysis and machine learning predictions.", + "I learnt R, Python and basic Machine Learning." + ], + "japanese": [ + "科学研究所。", + "データ分析やAI予測のため科学アプリ開発。", + "R、Pythonや基本AIを学びました。" + ] + }, + "freelancer": { + "spanish": [ + "Comienza mi camino en el aprendizaje de React y React Native.", + "Tutor y Desarrollador de aplicaciones con R(shiny).", + "Contribuyo en la mejora de la UI en App React Native", + "relacionada con el trasporte. Aprendo Go y JavaScript." + ], + "english": [ + "I started my learning about React and React Native.", + "Tutoring and App development with R(shiny).", + "I contributed to a React Native App UI improvement", + "related to transportation. I studied Go and JavaScript." + ], + "japanese": [ + "ReactやReactNativeの学びを始めました。", + "個別指導やR（Shiny)でアプリの開発。", + "交通機関について、ReactNativeアプリのUIに貢献しました。", + "GoやJavaScriptを勉強しました。" + ] + }, + "lateral": { + "spanish": [ + "Contribuyo en diversos proyectos React.", + "Creador de dispostivo para contar personas.", + "Implemento nuevas features GPS para una App Android.", + "Aprendo Typescript, Kotlin y Java." + ], + "english": [ + "I contributed to many React projects.", + "Creator of a people counter device.", + "New GPS features implementations for an Android App.", + "I learnt Typescript, Kotlin and Java." + ], + "japanese": [ + "様々なReactプロジェクトの貢献。", + "人数カウンターデバイスの作成。", + "Androidアプリ位置情報機能の実装。", + "Typescript、KotlinやJavaを学びました。" + ] + }, + "rakuten": { + "spanish": [ + "Frontend Developer en la mayor plataforma de ventas online de Japón.", + "Desarrollador de nuevas funcionalidades.", + "Testeo y mantenimiento de código fuente.", + "Mejoro mi CSS, HTML y SEO. Avanzo con Typescript y Redux." + ], + "english": [ + "Frontend Developer in Japan's biggest shopping online platform.", + "New functionalities development.", + "Source code testing and refactoring.", + "I improve my CSS, HTML and SEO. I advance in Typescript and Redux." + ], + "japanese": [ + "日本の一番オンラインショッピングアプリのフロントエンド開発者。", + "新しい機能の開発。", + "ソースコードのテースティングやリファクタリング。 ", + "CSS、HTMLやSEOの向上。TypescriptやReduxのマスター。" + ] + } +} diff --git a/src/layouts/Grid.astro b/src/layouts/Grid.astro new file mode 100644 index 0000000..d3dc283 --- /dev/null +++ b/src/layouts/Grid.astro @@ -0,0 +1,13 @@ + ++ + \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 7c2d39d..5460c2f 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -11,9 +11,40 @@ const { title } = Astro.props as Props; + + + + + ++ {title} + + + + + diff --git a/src/layouts/Section.astro b/src/layouts/Section.astro index 866447a..f6738fd 100644 --- a/src/layouts/Section.astro +++ b/src/layouts/Section.astro @@ -15,10 +15,56 @@ const { title, id } = Astro.props as Props; diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro new file mode 100644 index 0000000..0ed9630 --- /dev/null +++ b/src/pages/blog/index.astro @@ -0,0 +1,27 @@ +--- +import Post from "../../layouts/Post.astro"; +--- + ++ + + diff --git a/src/pages/blog/posts/mi_configuracion_linux_para_programacion.mdx b/src/pages/blog/posts/mi_configuracion_linux_para_programacion.mdx new file mode 100644 index 0000000..d0496bf --- /dev/null +++ b/src/pages/blog/posts/mi_configuracion_linux_para_programacion.mdx @@ -0,0 +1,249 @@ +import Post from "../../../layouts/Post.astro"; +import Link from "../../../components/Link.astro"; + +export const title = "Mi configuración Linux para programación"; +export const date = new Date('2024/09/01').toLocaleDateString('es-ES', { + year: 'numeric', + month: 'long', + day: 'numeric', +}); + + +-
+
- + + Migrate to Neovim from VScode + +
- + + Mi configuración Linux para programación + + +
++ diff --git a/src/pages/blog/posts/migrate_to_nvim_from_vscode.mdx b/src/pages/blog/posts/migrate_to_nvim_from_vscode.mdx new file mode 100644 index 0000000..5f8000c --- /dev/null +++ b/src/pages/blog/posts/migrate_to_nvim_from_vscode.mdx @@ -0,0 +1,242 @@ +import Avatar from "../../../components/Avatar.astro"; +import Post from "../../../layouts/Post.astro"; +import Link from "../../../components/Link.astro"; +export const title = "Migrating to Neovim from VScode"; +export const date = new Date('2024/05/12').toDateString(); + +Introducción
++ Hace 10 años hice mi primera instalación Linux, sistema operativo que me recomendaron en mi clase de Estadística Avanzada con R en el postgrado de Ecología. Me enamoré de la variedad de distribuciones y sus enigmáticos nombres. Ubuntu, Fedora y Debian, fueron los primeros que escuché. Pero pronto vendrían Mint, Manjaro y hasta Arch. + Dentro de Linux, conocí a la terminal, a Vim y a Tmux, herramientas que marcaron mi desarrollo profesional y mi productividad. He programado con Python, Javascript, Java, Kotlin, Typescript, Go, Rust, entre otros lenguajes. Me especialicé en React, aunque guardo mucho cariño al desarrollo Android, IoT y Arduino. + En la actualidad, soy desarrollador front-end en Rakuten, Japón, y estudio Rust en mi tiempo libre. + + + + Escribo este post para compartir el proceso de configuración del sistema operativo en mi recientemente adquirida Thinkpad T480. + Vayamos al punto que vamos a conversar: +-
+
- Escoger la distribución +
- Administrador de ventanas +
- Aplicaciones +
- Configuración de herramientas +
- IDEs +
- Lenguajes de programación +
.devson más abundantes que.rpm. + Si quieres vivir en la punta de la actualidad, nada mejor que Arch. Pero solo es recomendable para usuarios avanzados, porque su configuración es complicada. Yo logré instalar Arch con la ayuda descriptspreparados por usuarios avanzados. + En mi opinión, la distribución con lo mejor de todos los mundos es Manjaro. Tiene acceso a los repositorios de Arch, usandopacmancomo su instalador de paquetes, es fácil de instalar y muy estable. + + Después de años usando Manjaro, quiero volver a Fedora y utilizarla de ejemplo en este post. + Me encanta como Fedora funciona luego de la instalación, sobre todo su soporte de idiomas. La estabilidad y actualización de paquetes suman a la decisión. Pero no prometo no volver a mi configuración con Manjaro. + ++ + + Para instalar Fedora, simplemente ve a https://fedoraproject.org/ y descarga la imagen
+.iso. Luego quema la imagen en una memoria USB utilizando Balena etcher u otra aplicación parecida. Entra al menu boot de tu computadora y cambia el orden de dispositivos para el arranque. Más detalles en este tutorial previo. + + +Luego de la instalación, no olvide actualizar el sistema con ++sudo yum update -y ++ + ## Administrador de ventanas + Usualmente, los sistemas operativos vienen con un administrador de ventanas tipostack, donde las ventanas abiertas son apiladas una sobre otra, en diferentes sitios de la pantalla. Lo que requiere que el usuario las ajuste y mueva cada vez. Esto puede ser muy engorroso, sobre todo cuando hay muchas ventanas abiertas. + + Debido a lo anterior, existe un gestor de ventanas llamadotilingen inglés, que dispone las ventanas en mosaico en vez de apilarlas. Esto permite organizar automática y lógicamente nuestras ventanas para que no se estorben. Además de darnos la capacidad de reorganizarlas utilizando atajos de teclado. + + Existen varios de estos gestores, de los cuales, el más sencillo de usar esi3. Manjaro viene con una versión que incluye i3 como su gestor predeterminado. + `i3` es un gestor orientado la productividad, por lo que se enfoca en que utilicemos en teclado en vez del mouse. De esta forma, nuestras manos están siempre en el teclado y la navegación entre aplicaciones se hace muy fácil. + En nuestro caso, vamos a instalar `i3` en Fedora adicionalmente con el predeterminado Gnome, permitiéndonos alternar de gestor a nuestro gusto. + Para instalarlo, ejecuta: ++ sudo dnf install i3 i3status dmenu i3lock xbacklight feh conky + sudo dnf copr enable fuhrmann/i3-gaps + sudo dnf install i3-gaps + sudo dnf install xss-lock picom network-manager-applet light maim xclip dunst polkit-gnome polybar rofi ++ + Luego hacemos log out y luego de seleccionar el usuario, podremos ver un icono en la esquina inferior izquierda con los diferentes gestores. Escogemos i3 y llegaremos a la enigmática primera vista del maravilloso i3, donde bummer alguno podría abrir el navegador. No se puede clickear en nada, no hay menus ni iconos. Pero es rápido como la centella y ligero como una pluma. + + ++ + + Para abrir la terminal, presiona
+Super + Enter. La configuración de i3, que nos permitirá customizar los atajos del teclado para acceder a nuestras aplicaciones y cambiar el layout de las ventanas, se encuentra en~/.config/i3/config+Tómate tu tiempo para entender como funcional la configuración. Por default, `Super` es tu 'Mod', la tecla que empieza la combinación del combo que permitirá ejecutar la tarea que desees. Por ejemplo, abrir la terminal: +``` +bindsym $mod+Return exec alacritty +``` +Significa que `Super + Enter` abrirá la aplicación Alacritty. + +También puedes configurar un segundo "Mod" adicional para que sea `Alt`. +``` +set $var Mod1 +``` +Y ahora, `bindsym $var+i exec firefox` , que traducirá a que `Alt + i` abrirá Firefox. + +Échale un ojo a mi configuración. + +## Aplicaciones +Primero que nada, necesitamos un buen navegador para investigar en la red. El mejor, Brave, ya bloquea las publicidades en todas las páginas, apreciadamente las de Youtube también. Permite una customización de modo nocturno que me encanta. Básicamente, es un Chrome mejorado y sin publicidades. + + + ``` +sudo dnf install dnf-plugins-core +sudo dnf config-manager --add-repo https://brave-browser-rpm-release.s3.brave.com/brave-browser.repo +sudo rpm --import https://brave-browser-rpm-release.s3.brave.com/brave-core.asc +sudo dnf install brave-browser +``` ++ + +Podemos agregar el plugin Vimium para tener acceso a movimientos de vim en nuestro browser. + +Para hacer desarrollo web, necesitamos Chrome porque es el navegador más popular. + +``` +sudo dnf install fedora-workstation-repositories +sudo dnf config-manager --set-enabled google-chrome +sudo dnf install google-chrome-stable +``` +Docker: Afortunadamente, Fedora 40 incluye `podman` por defecto, programa muy parecido a Docker y con virtualmente los mismos comandos. De esta forma podremos crear contenedores virtuales para nuestras aplicaciones. + + +Netcat: Cuando trabajo con IoT, me interesa hallar los dispositivos conectados a mir red, por lo cuál, `netcat` es muy cómodo. + +Clipit: También necesito una aplicación que guarde mis textos copiados en el clipboard. Para eso Clipit funciona muy bien. + + + + + ## Configuración de herramientas + Neovim: Primero que nada necesitas un editor de texto decente, y nada mejor que Vim/Neovim. Lo puedes instalar con +
+sudo yum install neovim+ Si quieres usar Neovim como vitaminas, tengo un post al respecto. Revisa mi configuración. Simplemente, pon esos archivos en `~/.config/nvim` y abre nvim. + ++ + + + + Tmux: Te recomiendo usar
+tmuxpara administrar ventanas de terminal. Permite gestionar múltiples sesiones permanentes y navegar entre ellas muy fácilmente. Mi archivo de configuración es este . + + Zsh: Para trabajar en una terminal de lujo, existe el famoso `oh-my-zsh`, se instala con: + ``` + sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" + ``` ++ + También vamos a agregar sugerencias automáticas para facilitar la escritura de comandos. Para eso, utilizamos un plugin de zsh llamado `autosuggestions`. Instalamos con: + + ``` + git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions +``` +Y lo agregamos a lista de plugins en el archivo de configuración `~/.zshrc`. + +``` +plugins=( + # other plugins... + zsh-autosuggestions +) +``` +Luego hacemos `source ~/.zshrc` y ya debería funcionar para sugerirnos el comando que queremos ejecutar. Básicamente, lo que hace es "memorizar" los comandos anteriores y sugerirlos basados en los caracteres que vayamos escribiendo. + + z jumper +`z` permite navegar fácilmente sin recordar el directorio específico al que queremos ir. Por ejemplo, si yo antes navegué a `/home/ro/my-projects/test` y ahora me encuentro en otro directorio, puedo simplemente usar `z test` y erá al directorio objetivo. + +``` +wget https://raw.githubusercontent.com/rupa/z/master/z.sh + +sudo mv z.sh /usr/local/bin/z.sh +echo ". /usr/local/bin/z.sh" >> ~/.zshrc +source ~/.zshrc +``` +## IDEs + +Visual Studio Code: Ya tenemos el poderoso Nvim, y debería ser más que suficiente para la mayoría de nuestros proyectos. Pero a veces, es bueno tener algo más genérico, menos customizable, pero a la vez sumamente popular. Este es VS Code, lo instalamos yendo a la página y descargando el archivo `.rpm`. En gnome podemos dar doble click al archivo y en `i3` podemos ejecutar `sudo yum install #PathAlArchivo`. + +VsCode ofrece un buen grado de customización, pero lo más importante, un gran ecosistema de plugins. Esto nos va a permitir empezar a programar de manera muy rápida. + +Yo utilizo muchos plugins, pero mis favoritos son: +
+-
+
- Vim (emulador de atajos de vim) +
- Prettier +
- rust-analyzer +
- Astro +
- GitLens +
- EsLint +
- Code Spell checker +
+ + + +Opcionales: + +Android Studio Para trabajar con Kotlin y Java en aplicaciones Android, instalamos Android studio. TODO: Agregar instrucciones + +Arduino Studio: A veces, me gusta jugar con microcontroladores Arduino y ESP32. Por eso, necesito instalar Arduino Studio.TODO: Agregar instrucciones + +## Lenguajes de programación +Maravillosamente, `Python(3.12.5)` y `Javascript(Node v20)` ya vienen instalados en Fedora 40, así que un paso menos. También podemos escribir scripts `Bash` sin instalaciones adicionales. + + Typescript con Bun +Pero, en vez de Node, me gusta trabajar con Bun, porque soporta Typescript por defecto, es más rápido y seguro. Es un Node mejorado. +Se instala facilito con: +``` +curl -fsSL https://bun.sh/install | bash # for macOS, Linux, and WSL +mkdir hello-world && cd hello-world +bun init hello-world +bun run index.ts +// Hello via Bun! +``` +
++ + +Go +Ya se me olvidó Go, pero nunca está de más. +``` +wget https://go.dev/dl/go1.23.0.src.tar.gz +rm -rf /usr/local/go # en caso de que haya otra versión +tar -C /usr/local -xzf go1.23.0.linux-amd64.tar.gz +export PATH=$PATH:/usr/local/go/bin +go version +# go version go1.23.0 linux/amd64 +``` + +Planeo seguir procrastinando mi camino de aprendizaje de Rust + +Rust: +``` +curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh +cargo init hello-world +cargo run +# Hello, world! + +``` + +
++ + +## Conclusiones + +Esta no es una guía definitiva ni mucho menos, está plagada de sesgos y preferencias, obviamente. Pienso estarla actualizando por un tiempo con otras configuraciones. + +Ojalá te haya motivado para intentar algunas de las tecnologías mencionadas, así como para inspirarte en la configuración personalizada de tu sistema. Espero te haya gustado y hasta una nueva lectura. Saludos. + +
++ +This is a step I have trying for years, ending up depressed at VScode. I have been putting the pieces together, and now, I think I am ready to fly around files and lines of code, as a Neovim Ninja. + +Of course I am using vim extension in VScode, but it is not enough for me. There are a lot of functionalities I have no access to, or have limitations. + +But this will be no easy task, these are the requirements for a good code editor in my opinion. If Neovim can do everything I do with VScode, I know things will only get better in the future, while I find more amazing flexibility and functionality. + +There are a lot things in VScode that I cannot live without. I will find a similar/better approach in Neovim one by one. These are my top priorities: + +1. Autocomplete +2. Go to definition and references +3. Search for matching words +4. Search a file by name +5. Terminal +6. File explorer +7. Git differences and conflict resolving +8. Toggle latest files +9. Rename variables globally +10. Format file on save +11. Update imports when renaming a file +12. See inferred type and type error + +Having all these functionalities, I do not think I need to open VScode anymore, while enjoying the Neovim benefits: + +- Amazing speed and performance +- Extreme customizability +- No need for mouse, hands always over the keyboard + Using Nvim will allow me to rely more on Vim keybindings. This will make me learn them better and be more productive. No distractions, everything at the tip of my fingers. + +- Opportunity to better know my everyday tools +- Better navigation between files and lines of code +- Rely more in system tools than in my IDE. + VScode is very powerful, and its tools are amazing. But your system capabilities are even better, almost infinite. Meaning that you can have improved/new functionalities for the things you love about VScode. + +My plugins are install in +`/home/ro/.config/nvim/lua/plugins.lua`. You can find them here + +## Autocomplete + +This includes auto-importing components, accessing inner properties of an object, knowing what is variables are inside a destructured object, auto-closing tags, and recommending already used words. + +For this I used `coc.vim` plugin from here + +## Go to definition and references + +This is the most important feature for me. I used to surf the project, allowing me to better understand what is happening. This is specially useful when the project is giant (millions lines of code). + +Again, `coc.vim` does the trick. I use a `coc.lua` file with the keybindings, check it here. + +With these keybindings, I can use `\ gd` and `\ gr` to go to definition and reference respectively. + +## Search for matching words + +Many times in a large repository, you need to find an expression or words near the place you will code. This helps to quickly find the place where you need to be. For this, you can use `command/control + shift + f` in VScode, I definitively used it all the time instead of searching in the file explorer. + +Thankfully, there is an amazing `fzf` fuzzy finder plugin to help us achieve this same thing, faster and with extra functionalities. +It feels more powerful that the one in VScode, using the whole screen. + +I used this keybinding `\fc`: + +``` +map("n", " diff --git a/src/pages/index.astro b/src/pages/index.astro index af1f93b..099b49e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -5,119 +5,104 @@ import Avatar from "../components/Avatar.astro"; import Card from "../components/Card.astro"; import Timeline from "../components/Timeline.astro"; import Section from "../layouts/Section.astro"; -import Language from "../components/Language.astro"; +import Title from '../components/Title.astro' +import Pets from '../components/Pets.astro' +import Header from "../components/Header.astro"; +import Footer from "../components/Footer.astro"; ---fc", ":Rg ") --search word everywhere +``` + +## Search a file by name + +Many times we know the path of the file we want to open and we want to access it as quickly as possible. Of course, we could open a new terminal and go the file manually, but we should have a keybinding to make it smoother. Again, `fzf` library comes to the rescue. + +In our `remaps.lua` file + +``` +map("n", "mm", ":Files ") --search file by name in the whole system +``` + +And in our `plugins.lua` file + +``` +function search_word_all() + local input_string = vim.fn.input("Search For > ") + if (input_string == '') then + return + end + builtin.grep_string({ + search = input_string, + }) +end +vim.keymap.set('n', ' fa', search_word_all, {}) +``` + +## Format file on save + +I installed Prettier using `:CocInstall coc-prettier` in vim's EXECUTE mode. Then I added a keybinding to format and save the file when I use `zz` in COMMAND mode. + +``` +map("n", "zz", ":Prettier :update ") +``` + +You can use formatters different than Prettier, depending on your programming language target. Or assign a different keybinding to formatting file only. + +``` +map("n", "ff", ":Prettier ") +``` + +## Git differences and conflict resolving + +For this, I am planning to use this program named `lazygit`. You need to install it depending your OS, it is a breeze. Then I can easily open it from Neovim using terminal explained in this step.. I can open a floating terminal with `lazygit` using this remap `\g`: + +``` +-- TERMINAL LAZYGIT +local Terminal = require('toggleterm.terminal').Terminal +local lazygit = Terminal:new({ + cmd = "lazygit", + dir = "git_dir", + direction = "float", + float_opts = { + border = "double", + }, + -- function to run on opening the terminal + on_open = function(term) + vim.cmd("startinsert!") + vim.api.nvim_buf_set_keymap(term.bufnr, "n", "q", " close ", {noremap = true, silent = true}) + end, + -- function to run on closing the terminal + on_close = function(term) + vim.cmd("startinsert!") + end, +}) + +function _lazygit_toggle() + lazygit:toggle() +end + +vim.api.nvim_set_keymap("n", " g", " lua _lazygit_toggle() ", {noremap = true, silent = true}) +``` + +## File explorer + +I started using `NerdTree`, but then I read that for Neovim, `NvimTree` is more convenient since it is written in Lua. +I gave it a try and I totally felt in love. It is faster than `NerdTree` and the keybindings are awesome. + +You can find it here . +This how it looks like and the default keybindings: + + + 
+ 
+
+
+## Terminal
+
+Being able to quickly toggle terminals while coding is a fundamental functionality in my opinion. I want to be able to create multiple terminals for different tasks, for example, running dev servers, executing tests and writing git commands. I do not want them to be open all the time, but to have rapid access to them when needed.
+
+I found this amazing plugin to achieve just that.
+I use `tt` to toggle terminal, and `{number}tt` to create a new one. I do not like that I have to use `Ctrl\ Ctrl n` to exit insert mode in the terminal and be able to toggle it close, but I it is possible to remap it with:
+
+```
+map("t", "jk", "") -- exit terminal mode +``` + +I used this for a while, but then decided that it was better to learn/use `tmux`. I was a very easy transition and now I can control Neovim and more window/pane from the terminal itself. So, instead of letting Neovim control terminals, I let my terminal control Neovim + new windows/panes. + + + 
+
+## Toggle latest files
+
+This is probably my favorite advantage of using Neovim, and the one that made me try the full migration. In VScode I use `Ctrl Tab` to show the latest files I worked on. It does the job but sometimes I found it buggy, not adding files that I visited recently. This is very important for me when working in a large repository, I do not want to search the file again in the file explorer.
+
+So I use this plugin in Neovim, and completely love it.
+It opens `telescope` with all the files you worked on recently. So I can access them as fast as thunder.
+
+I also learned recently that you can toggle the last file you worked on with `Ctrl ^`, and I remapped it to `Ctrl s` since I use it all the time now.
+
+Additionally, I am trying to use `Ctrl o` and `Ctrl i` more, so I can go to recent lines of code across different files I am working on. But this is not very good when jumping around a lot in the same file, because it navigates to your previous locations.
+
+This navigation between recent places makes the Neovim experience to be captivating in my opinion.
+
+Currently I am trying the plugin `Harpoon` of the famous Primeagen youtuber, it promise a lot to be the thing I am looking for; an easy way to toggle the latest files I am working when doing a specific task at my job.
+
+## Rename variables globally
+
+This is a very convenient functionality when you want to refactor your code and give more context to your variables names. In VScode I use it all the time, specially when I know the variable is used in many places along the project and I do not want to change manually each one. For Neovim, I found amazing plugin .
+
+You need to install it and add this key mapping to you configuration:
+
+```
+vim.keymap.set("n", "rn", function() + return ":IncRename " .. vim.fn.expand(" ") +end, { expr = true }) +``` + +Then, you can use `\rn` over the selected variable. It works as a charm. + + +## See inferred type and type error + +After installing `coc.vim` I could see type errors when making one. To see the inferred type, you just need to use `Shift k` over the target variable and that is it. + +In VScode, I also have a plugin that shows me an 'easy' type error explanation. Can I have something similar in Neovim? + +## Update imports when renaming a file + +I am having troubles with this one. I do not do this often, but I do not want to open VScode when I need to rename a file and update the imported places. +I tried many approaches to solve this but nothing was working, what made try some other people configuration. Then, I used this amazing Tayuka san's dotfiles. There, all my problems were solved, and I had so many awesome new features. But, I felt it was too fancy for me, too many effects and unwanted functionalities. Besides that, Tayuka san opened a new door for me "I could try many people configuration and find a good match for me!!!" + +## Conclusions after 2 weeks trying to make my Nvim configuration better than VScode + +The process was more fun and more tedious than I expected. But I feel so much productive, fast and ergonomic than before. I have so much power in my hands now!! + +I am learning a lot about `lua` and Neovim. Also, I found so many new functionalities that I did not know were so useful. You can check the plugins I have installed and you will see that now I expect more from my editor than I did when starting this post. + +After realising that there was a `lazy` plugging installer and that I could use another's people configuration so easily, I researched online and found josean-dev's wonderful configuration. +This solved basically all my listed problems, then I found that I needed a few more things, as inline git blame, spell checker for English and Spanish, + +These post let me understand that a nvim configuration is something dynamic, and that rather than having one configuration, I will be learning and tweaking it constantly. + +This is my current configuration, but as I said before, it will evolve with time definitively. + + My configuration + +I plan to write a new post after a month working with Neovim as my day to day text editor. I am much in a hype right now!! + - - +
-- + + - -- + - - + + + + ++ + + + ++ + + + - + + + + - +
-
+