mrkpatchaa / mrkpatchaa.com Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 9.5 MB

Home Page: https://mrkpatchaa.com

JavaScript 40.23% CSS 2.03% HTML 4.93% TypeScript 52.81%

mrkpatchaa.com's People

Contributors

Watchers

mrkpatchaa.com's Issues

Digest - Week 2023/51

/----
slug: digest-week-202351
excerpt: Weekly digest of my readings and interesting topics. Week 51 of 2023.
tags: Digest
----/
ㅤ

L’école de codage numérique Ahmed Alhansali inaugurée - Tic Maroc

Ghita Mezzour, Ministre de la Transition Numérique et de la Réforme de l'Administration, a présidé ce vendredi l'inauguration de l'école de ...

Digest - Week 2024/2

/----
slug: digest-week-20242
excerpt: Weekly digest of my readings and interesting topics. Week 2 of 2024.
tags: Digest
----/
ㅤ

GitHub Certifications are generally available - The GitHub Blog

Unlock your full potential with GitHub Certifications! Earning a GitHub certification will give you the competitive advantage of showing up as a GitHub expert.
ㅤ

Designing better target sizes

An interactive guide on designing better target sizes on the web.
ㅤ

2024 predictions for open source software 🔮😎🥳 | LinkedIn

Digest - Week 2023/39

/----
slug: digest-week-202339
excerpt: Weekly digest of my readings and interesting topics. Week 39 of 2023.
tags: Digest
----/
ㅤ

mig4ng/ublock-origin-filters: My personal and very opinionated uBlock Origin filters

My personal and very opinionated uBlock Origin filters - mig4ng/ublock-origin-filters: My personal and very opinionated uBlock Origin filters
ㅤ

Ask HN: How do you manage your “family data warehouse”? | Hacker News

By Family Data Warehouse I refer to all the info and documents that one tracks over the years, perhaps for one's self, but then also potentially for spouses, kids, parents, siblings, relatives, etc.
ㅤ

Einstein for Developers is Now in Open Beta | Salesforce Developers Blog

Einstein for Developers, Salesforce’s generative AI solution that unleashes developer productivity, is now in Open Beta.

Digest - Week 2024/8

/----
slug: digest-week-20248
excerpt: Weekly digest of my readings and interesting topics. Week 8 of 2024.
tags: Digest
----/
ㅤ

jQuery 4.0.0 BETA! | Official jQuery Blog

jQuery: The Write Less, Do More, JavaScript Library
ㅤ

React Libraries for 2024

React has been around for a while. Since then, a well-rounded yet overwhelming ecosystem of libraries evolved around the component driven library. Developers coming from other programming languages or libraries/frameworks often have a hard time figuring out all the libraries for creating web applications with React.

Digest - Week 2023/29

/----
slug: digest-week-202329
excerpt: Weekly digest of my readings and interesting topics. Week 29 of 2023.
tags: Digest
----/
ㅤ

Open sourcing the nginx playground

Open sourcing the nginx playground
ㅤ

immich-app/immich: Self-hosted photo and video backup solution directly from your mobile phone.

Self-hosted photo and video backup solution directly from your mobile phone. - immich-app/immich: Self-hosted photo and video backup solution directly from your mobile phone.
ㅤ

mshumer/gpt-prompt-engineer

Contribute to mshumer/gpt-prompt-engineer development by creating an account on GitHub.
ㅤ

WordPress Playground

Experience a WordPress that runs entirely in your browser.
ㅤ

Ask HN: How to price your first enterprise customer? | Hacker News

We are a small SaaS company with a recently launched product. Currently we have mostly smaller customers (50+ users is large for us at the moment). We now have, somewhat unexpectedly this early, the interest of a large enterprise that wants a deal to onboard 5000+ users.
ㅤ

A regex to validate phone numbers in Togo | mrkpatchaa.com

I couldn't find any, so I built one. :)

Digest - Week 2023/43

/----
slug: digest-week-202343
excerpt: Weekly digest of my readings and interesting topics. Week 43 of 2023.
tags: Digest
----/
ㅤ

Web Performance Metrics Cheatsheet | bitsofcode

Articles on frontend development and more.
ㅤ

gethomepage/homepage: A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations.

A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations.
ㅤ

Ollama

Get up and running with large language models, locally.
ㅤ

localsend/localsend: An open source cross-platform alternative to AirDrop

An open source cross-platform alternative to AirDrop
ㅤ

penpot/penpot: Penpot - The Open-Source design & prototyping platform

Penpot - The Open-Source design & prototyping platform

Digest - Week 2023/42

/----
slug: digest-week-202342
excerpt: Weekly digest of my readings and interesting topics. Week 42 of 2023.
tags: Digest
----/
ㅤ

React Server Components

An outline of React Server Components, what they are, why they're here, and how to use them conceptually.
ㅤ

Storing React state in the URL with Next.js | François Best

A peek under the hood of the next-usequerystate 1.8.x update with support for the app router.
ㅤ

The Uphill Battle of Memoization | TkDodo's blog

Exploring why React.memo shouldn't be your first choice for performance optimizations
ㅤ

Apple Settings UI with Expo

Adding custom UI to the Apple Settings app
ㅤ

Becoming a Successful Engineering Manager | by Joseph Morcos | Agile Insider | Oct, 2023 | Medium

Engineering Managers (EMs) play a pivotal role in software organizations. Whether you are aspiring to become an EM or have recently taken on this role, you might find yourself uncertain about the…
ㅤ

Google Cloud mitigated largest DDoS attack, peaking above 398 million rps | Google Cloud Blog

Google Cloud stopped the largest known DDoS attack to date, which exploited HTTP/2 stream multiplexing using the new “Rapid Reset” technique.

Digest - Week 2023/50

/----
slug: digest-week-202350
excerpt: Weekly digest of my readings and interesting topics. Week 50 of 2023.
tags: Digest
----/
ㅤ

TanStack Router – modern React for the rest of us | Swizec Teller

TanStack Router puts the router in control of data, state, and UI and it's ... really good.
ㅤ

https://githubunwrapped.com/

Get your personalized video of your GitHub activity in 2023.
ㅤ

How to set up self-healing URLs in Next.js for better SEO

Set up self-healing URLs with the App Router in Next.js for better SEO, accessibility, and usability
ㅤ

You don't need JavaScript for that - HTMHell

A collection of bad practices in HTML, copied from real websites.
ㅤ

Announcing React Hydration Overlay - Easily Squash Hydration Errors

@builder.io/react-hydration-overlay is an npm package that provides you with a more useful error message when React SSR hydration mismatch occurs.
ㅤ

Supabase Auth: Identity Linking, Hooks, and HaveIBeenPwned integration

Four major Auth features: Identity Linking, Session Control, Leaked Password Protection, and Hooks
ㅤ

PostgREST 12

PostgREST 12 is out and we take a look at some of the major new features like JWT Caching and Aggregate Functions
ㅤ

Polymorphism in React: 2 patterns you must know

Whether you're making a library or making React components for your own sake, there's one technique you must know: polymorphism. It's when one thing can be multiple shapes, as when a button can act as a link. Used correct, it can save you from maintaining many variants, and at the same time give your users the flexibility they need.

Digest - Week 2023/52

/----
slug: digest-week-202352
excerpt: Weekly digest of my readings and interesting topics. Week 52 of 2023.
tags: Digest
----/
ㅤ

Pattern & Anti-Pattern Explorer | Salesforce Architects

Create lists of patterns or anti-patterns
ㅤ

Movies App

Movies is a non-trivial learning application in Next.js, Angular, Nuxt.js, Svelte, Lit and other frameworks. Built to show developers how they can deliver reasonably good experience while maintaining good developer experience.
ㅤ

Salesforce’s Git Migration: How We Boosted Developer Productivity

Explore how Salesforce enhanced the efficiency of its internal developers by migrating to a modern SCM powerhouse: Git.
ㅤ

Technical Documentation for startups - an opinionated guide | The Hard Thing

Startups very often neglect the need to have proper technical documentation. In this post, I will try to explain why it is important and how to do it right without investing too much.
ㅤ

Announcing Open Source Hasura GraphQL Engine v3

Learn about open source Hasura GraphQL Engine v3, like the core graphql-engine written in Rust, that redefines building the best cloud-native APIs.

Digest - Week 2023/25

/----
slug: digest-week-2318
excerpt: Weekly digest of my readings and interesting topics. Week 18 of 2023.
tags: Career, Management, Redis, AI, Google, Science
----/

The Path to a Staff-Plus Engineer Role: from Management Back to Tech

When working in tech, a managerial career may not be for you. Fabiane Bizinella Nardon went from being a manager back to tech, becoming a staff plus engineer and creating a staff plus friendly company...
ㅤ

Managing feature toggles in teams

There are many light- and heavyweight approaches to implementing feature toggles. Some store values in a database table and offer a UI to flip them; others just put them into environment variables. Whatever approach you choose, it should always be a matter of seconds to flip your toggles..
ㅤ

An Illustrated Introduction to Redis

Redis is, as the official documentation puts it, “an open source (BSD licensed), in-memory data structure store used as a database, cache, message broker, and streaming engine.” That’s quite a mouthful! Let’s further explore what this means by discussing when Redis might be useful, why it can be an effective tool, and how it works behind the scenes...
ㅤ

The people paid to train AI are outsourcing their work… to AI

Using AI-generated data to train AI could introduce further errors into already error-prone models. Large language models regularly present false information as fact. If they generate incorrect output that is itself used to train other AI models, the errors can be absorbed by those models and amplified over time...
ㅤ

vikas5914/google-photos-backup

Backup photos from Google Photos using Playwright.
This project uses Playwright to open Google Photos in a headless browser. It then starts downloading all the images from the last image to the top. It also downloads images incrementally and sorts them in year and month folders. It also saves the progress in a .lastdone file...
ㅤ

New Study Compares The Body's Hydration Response To Different Beverages

(CNN) -- When you're thirsty and in need of a drink, which beverages are best at keeping you hydrated?
Sure, you can always reach for a glass of water -- but plain H20 isn't the most hydrating beverage around, according to a study from Scotland's St. Andrews University that compared the hydration responses of several different drinks.
ㅤ

Warp: Your terminal, reimagined

Warp is a modern, Rust-based terminal with AI built in so you and your team can build great software, faster. Now available on MacOS.

Digest - Week 2023/38

/----
slug: digest-week-202338
excerpt: Weekly digest of my readings and interesting topics. Week 38 of 2023.
tags: Digest
----/
ㅤ

tahabasri/snippets: Supercharge your Snippets in VS Code — Manage your code snippets without quitting your editor.

Supercharge your Snippets in VS Code — Manage your code snippets without quitting your editor.
ㅤ

TypeScript Origins: The Documentary - YouTube

TypeScript Origins: The Documentary features core contributors and community members like Anders Hejlsberg, Steve Lucco, Luke Hoban, Daniel Rosenwasser, Ryan...
ㅤ

Improving responsive data table UX with CSS - DEV Community

Written by Timonwa Akintokun✏️ Data tables are widely used in web design to present organized and... Tagged with css, webdev, ux.
ㅤ

GitHub Actions: How to run SSH commands (without third-party actions) | Good Code Smell

We’ll see how to copy files and execute commands on a remote host from a GitHub Action workflow. Use this technique to deploy your app through SSH.

Digest - Week 2024/7

/----
slug: digest-week-20247
excerpt: Weekly digest of my readings and interesting topics. Week 7 of 2024.
tags: Digest
----/
ㅤ

Coding 102: Writing code other people can read - Stack Overflow

Coding 102: Writing code other people can read - Stack Overflow
ㅤ

How do companies like Figma protect their source code? : r/cscareerquestions

How do companies like Figma protect their source code? : r/cscareerquestions
ㅤ

How to build a website without frameworks and tons of libraries | Koding Kitty

A simple toolchain that Koding Kitty uses for building its web.
ㅤ

Stopping at 90% - Austin Z. Henley

A common pattern is to stop short of the real finish line for your project. A little evangelism, documentation, and polish can go a long way.
ㅤ

Salesforce Solution Architect vs. Technical Architect | Salesforce Ben

Salesforce Architect roles are some of the most common career goals you will find in the ecosystem. Architects are recognized for their high degree of Salesforce knowledge, and understanding of how to build scalable, bulletproof solutions on the platform. Two of the most common architect roles are the solution and technical architects, and whilst there […]
ㅤ

The UX of UUIDs | Unkey

Unique identifiers play a crucial role in all applications, from user authentication to resource management. While using a standard UUID will satisfy all your security concerns, there’s a lot we can improve for our users.
ㅤ

5 tips for a successful search for a new job opportunity in 2024 | Thoughtworks

5 tips for a successful search for a new job opportunity in 2024
ㅤ

La très courte histoire de notre ERP maison

Il y a fort longtemps, dans une galaxie pas si lointaine :

Digest - Week 2023/40

/----
slug: digest-week-202340
excerpt: Weekly digest of my readings and interesting topics. Week 40 of 2023.
tags: Digest
----/
ㅤ

Announcing the GitHub Innovation Graph - The GitHub Blog

Explore a universe of data about how the world is building software together on GitHub.
ㅤ

B2C Transactional Messaging. With Service Cloud, B2C Commerce, and… | by Nicolas Vanden Bossche | Salesforce Architects | Oct, 2023 | Medium

Compare approaches to implement transactional messaging a B2C scenario using B2C Commerce, Marketing Cloud, and Service Cloud.
ㅤ

Effectively loading ads without impacting page speed

Learn how to effectively load ads without impacting your page speed, ensuring a seamless user experience, and maximizing revenue opportunities for website owners.
ㅤ

Bezel • Show your iPhone on your Mac

Bezel mirrors your iPhone onto your Mac by just plugging it in. Beautifully designed for Mac, with ease of use in mind.
ㅤ

Photoshop is now on the web!. Enabled by WebAssembly, Web Components… | by Addy Osmani | Sep, 2023 | Medium

Enabled by WebAssembly + Emscripten, Web Components + Lit, Service Workers + Workbox & new Web APIs. Chrome & Adobe enjoyed collaborating on it. Bringing the Photoshop desktop application to the web…
ㅤ

Using TypeScript – React

TypeScript is a popular way to add type definitions to JavaScript codebases. Out of the box, TypeScript supports JSX and you can get full React Web support by adding @types/react and @types/react-dom to your project.
ㅤ

Non-engineers guide: Train a LLaMA 2 chatbot

We’re on a journey to advance and democratize artificial intelligence through open source and open science.
ㅤ

Ask HN: What software did you purchase that positively impacted your family life | Hacker News

Digest - Week 2023/48

/----
slug: digest-week-202348
excerpt: Weekly digest of my readings and interesting topics. Week 48 of 2023.
tags: Digest
----/
ㅤ

Monaspace

An innovative superfamily of fonts for code
ㅤ

Anatomy Of A Profitable Open-Source Project

We open the books of react-admin, a profitable open-source project generating almost €1M in revenue. We hope this will assist other open-source developers in building their businesses.
ㅤ

Custom Preferences in Salesforce B2C Commerce Cloud: A Developer Guide - The Rhino Inquisitor

Learn how to use custom preferences in Salesforce B2C Commerce Cloud to store storefront settings efficiently.
ㅤ

Announcing Grok

A research assistant that helps you ask the right questions, find information online and make sense of the world.
ㅤ

Boosting Strapi’s performance with Redis, a comprehensive guide. | by Abdelkarim ELAMEL | Nov, 2023 | Medium

In the world of content management systems (CMS), Strapi has emerged as a powerful and flexible solution. However, as your Strapi application scales, optimizing performance becomes crucial. One…
ㅤ

bruno - Re-Inventing the API Client

Bruno is a Fast and Git-Friendly Opensource API client, aimed at revolutionizing the status quo represented by Postman, Insomnia and similar tools out there.
ㅤ

RFC0717: Introducing to for React Native specific metadata (Take 3) by cipolleschi · Pull Request

This RFC introduces and formally discuss the concept of React Native Manifest, a set of metadata about a React Native project (either app or library). This metadata can be consumed by tooling to enhance the developer experience and support the React Native ecosystem.
ㅤ

Node.js Mobile | Node.js Mobile

Full-fledged Node.js on Android and iOS

Introduction to Docker

/----
slug: introduction-to-docker
excerpt: This is a quick article to share a presentation I've made months ago to introduce Docker to my colleagues. The text is in french, but slides are very graphical so you will have no problems to understand.
readTime: 2
tags: Docker, Containers, Dockerfile, Docker compose
cover: /assets/blog/docker-logo-moby.png
----/
This is a quick article to share a presentation I've made months ago to introduce Docker to my colleagues.

The text is in french, but slides are very graphical so you will have no problems to understand.

You can find it on my slides.com profile if the embedded code is not working.

Digest - Week 2023/32

/----
slug: digest-week-202332
excerpt: Weekly digest of my readings and interesting topics. Week 32 of 2023.
tags: Digest
----/
ㅤ

Expo Orbit: Download and launch builds - Expo Changelog

Check out new updates from Expo on the Expo changelog.
ㅤ

Generative AI Glossary for Business Leaders | Salesforce

Is everyone around you talking about large language models and prompt engineering? Are you lost? This generative AI glossary will help guide you.
ㅤ

Project IDX

Project IDX is an entirely web-based workspace for full-stack application development, complete with the latest generative AI (powered by Codey and PaLM 2), and full-fidelity app previews, powered by cloud emulators.
ㅤ

Understanding React Server Components – Vercel

React Server Components are changing the fundamental paradigms of React. Learn how Next.js handles the complexities and improves the performance of your applications.
ㅤ

One-time permissions in Chrome - Chrome Developers

Allow this time is a one-time option for permission grants in Chrome. It will initially be available on desktop only for geolocation, camera, and microphone.
ㅤ

Building Your Application: Caching | Next.js

An overview of caching mechanisms in Next.js.
ㅤ

Average Manager vs. Great Manager | by Julie Zhuo | The Year of the Looking Glass | Medium

Explained in 10 sketches...
ㅤ

grassmunk/Chicago95: A rendition of everyone's favorite 1995 Microsoft operating system for Linux.

A rendition of everyone's favorite 1995 Microsoft operating system for Linux.

Digest - Week 2023/45

/----
slug: digest-week-202345
excerpt: Weekly digest of my readings and interesting topics. Week 45 of 2023.
tags: Digest
----/
ㅤ

Shopify/ruvy

Ruvy: A Ruby to WebAssembly toolchain
ㅤ

Use Supabase - Expo Documentation

Add a Postgres Database and user authentication to your React Native app with Supabase.
ㅤ

Life is about choices - The Rhino Inquisitor

Life is all about choices, and I have made quite a few throughout my career. But there are things you see and things you don't!

Digest - Week 2023/47

/----
slug: digest-week-202347
excerpt: Weekly digest of my readings and interesting topics. Week 47 of 2023.
tags: Digest
----/
ㅤ

StaticMania/keep-react: Keep React is an open-source component library built on Tailwind CSS and React.js. It provides a versatile set of pre-designed UI components to build modern web applications.

Keep React is an open-source component library built on Tailwind CSS and React.js. It provides a versatile set of pre-designed UI components to build modern web applications.

Digest - Week 2023/49

/----
slug: digest-week-202349
excerpt: Weekly digest of my readings and interesting topics. Week 49 of 2023.
tags: Digest
----/
ㅤ

Mastering Chunk-Oriented Job Steps in SFCC

Salesforce B2C Commerce Cloud has a robust job system. But what are Chunk-Oriented Job Steps? How do they work?
ㅤ

How to handle people who are not team players ?(as an engineering manager) | by Eugene at Crushing Tech Education | Dec, 2023 | Medium

Handling individuals who are not team players is a significant challenge for engineering managers, requiring a blend of tact, strategic communication, and leadership skills. The success of an…
ㅤ

LLM Visualization

A 3D animated visualization of an LLM with a walkthrough.

A regex to validate phone numbers in Togo

/----
slug: regex-phone-numbers-togo
excerpt: A regex to validate phone numbers in Togo.
tags: Regex, Phone numbers, Togo
----/

I was refactoring an old website and came accros the need to validate a phone number from Togo.

/^(?:\+228|00228)?(?:(22[2-7]|23[2-3]|24[4-5]|255|26[6-7]|277|70[0-5]|79[7-9])\d{5}|(9[0-36-9])\d{6})$/

I couldn't find any regex online. I found this website helpful in getting the general structure of a phone number in Togo.
You can play with it on Regxr => https://regexr.com/7hfnr

If you find a way to optimize it a little bit, do not hesitate to share.

Digest - Week 2023/44

/----
slug: digest-week-202344
excerpt: Weekly digest of my readings and interesting topics. Week 44 of 2023.
tags: Digest
----/
ㅤ

Generative AI for Everyone | Coursera

Offered by DeepLearning.AI. Instructed by AI pioneer Andrew Ng, Generative AI for Everyone offers his unique perspective on empowering you ... Enroll for free.

Digest - Week 2023/41

/----
slug: digest-week-202341
excerpt: Weekly digest of my readings and interesting topics. Week 41 of 2023.
tags: Digest
----/
ㅤ

sallar/github-contributions-chart: Generate an image of all your Github contributions

Generate an image of all your Github contributions
ㅤ

Highlight your expertise with GitHub Certifications - GitHub Resources

Getting GitHub certified is a resounding endorsement and a signal to the marketplace that provides validation of your skills, credibility, trust, and knowledge of the technologies and developer tools that are used by over 100 million developers worldwide.
ㅤ

Marie Kondo your software stack with open source

Minimalism in software development is not only a desirable design goal—but also a survival strategy. @rwwmike explains how to Marie Kondo your software stack:
ㅤ

Culture Test vol. 1 : apprivoisez la complexité

Développez vos connaissances des tests et améliorer vos codes et vos perfomances grâce à Culture Test vol. 1 !
ㅤ

Unraveling the createOrders API: Create Orders in Salesforce Commerce Cloud Platform Effortlessly

As a brand, you want multiple touchpoints customers can interact with. But how can a third-party system push in orders with the createOrders API?
ㅤ

Turbulent times call for adaptive leadership

Learn what adaptive leadership is, how it compares to other leadership styles, and how you can adopt its principles.
ㅤ

Reddit Adopts Server-Driven UI for Its New Feed Architecture across Mobile Apps

Reddit reworked its feeds functionality in the iOS mobile app and introduced it to the Android app. In both cases, they used the Server-Driven UI (SDUI) as their communication approach, which allows l
ㅤ

chasemccoy/museo: 🏛 Museo is a tool for finding images in the public domain from some of the best museums in the world.

🏛 Museo is a tool for finding images in the public domain from some of the best museums in the world.

Digest - Week 2023/31

/----
slug: digest-week-202331
excerpt: Weekly digest of my readings and interesting topics. Week 31 of 2023.
tags: Digest
----/
ㅤ

Props must be serializable for components in use client file · vercel/next.js · Discussion

Props must be serializable for components in use client file
ㅤ

Salesforce Launches Starter Suite, Simplifying CRM for Small Businesses - Salesforce News

Salesforce Starter is the fastest, easiest way to get started and grow with the #1 CRM Starter brings sales, service, and marketing capabilities together in a simple, out-of-the-box experience to help SMBs find, win, and keep customers Today, Salesforce announced general availability of Starter, a simple all-in-one CRM app bringing sales, service, and marketing capabilities […]
ㅤ

Speeding up the dbt™ docs by 20x with React Server Components | Dagster Blog

How we dropped page load time for a large dbt project from over 4.5s to under 220ms, a 20x improvement.
ㅤ

Transitioning to Height Auto (Two Ways)

Yes, there is now a way to transition an element to height auto with CSS alone.
ㅤ

Relay-style GraphQL | Alan Norbauer

GraphQL best practices for 2023
ㅤ

A complete book dedicated to database indexes

Indexes can be easy. I promise.

Digest - Week 2024/3

/----
slug: digest-week-20243
excerpt: Weekly digest of my readings and interesting topics. Week 3 of 2024.
tags: Digest
----/
ㅤ

Expo SDK 50 - Expo Changelog

Learn about the changes and how to upgrade
ㅤ

React Postgres Components

An experiment of deploying functions directly inside Postgres

Debug a React Native application with ease

/----
excerpt: Debugging on React Native is not as ease as we think. Facebook officially provides documentation on debugging a RN application in Google Chrome taking advantages of Chrome Developer Tools.
readTime: 5
tags: React Native, React Native Debugger, Electron, Javascript, Debug, Mobile
cover: /assets/blog/React-Native-Debugger.png
slug: debug-a-react-native-application-with-ease
----/
Debugging on React Native is not as ease as we think. Facebook officially provides documentation on debugging a RN application in Google Chrome taking advantages of Chrome Developer Tools.

To debug the JavaScript code in Chrome, you need to select "Debug JS Remotely" from the Developer Menu (⌘D or ⌘M depending if you are running iOS or Android simulator). This will open a new tab at http://localhost:8081/debugger-ui when your application launches.

This is good, but not enough. It is difficult to set up React Developer Tools Chrome extension for React Native. You need a custom extension to debug Redux...

You also have the choice to use standalone version of React Developer Tools to debug the component hierarchy. You can install it using npm.

$ npm install -g react-devtools

Launch it from the terminal

$ react-devtools

There is an all in one solution, called -you guessed it- React Native Debugger. It is a standalone application based on the official debugger of React Native which includes React inspector and Redux DevTools, offering a debugger for applications using Redux or not.

How to install React Native Debugger

The application is based on Electron :). Prebuilt binaries are available for Windows, Linux and macOS on the releases page of the project. For macOS, you can install it via Homebrew Cask.

$ brew update && brew cask install react-native-debugger

Usage

1. Manually

Using React Native Debugger doesn't require custom configuration, as it listens by default on the React Native packager port (8081) by default. Follow these steps to start debugging :

Make sure all http://localhost:<port>/debugger-ui pages are closed
Launch React Native Debugger
Launch your application and enable Debug JS Remotely

2. Automatically with react-native-debugger-open

There is a package which configures your application to automatically open React Native Debugger instead of Google Chrome when it launches. It replaces open debugger-ui with Chrome by open React Native Debugger from react-native packager

To install and configure the package, follow these steps :

Install the package :

$ npm i --save-dev react-native-debugger-open # or -g

Add this to your package.json

"scripts": {
    ... your current scripts configuration
    // add this line
    "postinstall": "rndebugger-open"
}

It will be run after npm install. (You can run npm run postinstall first) The ./node_modules/react-native/local-cli/server/middleware/getDevToolsMiddleware.js code will be replaced.

And voilà. Now, every time your application launches, it will open React Native Debugger. If the React Native Debugger app is already opened, it will attach automatically the debugging session. But It is recommended to first close the React Native Debugger windows, just to make sure you won't have unexpected behavior.

Going further

There is a lot to read about debugging React Native applications. I gave an introduction which covers simple cases. If you need advanced configuration in the debugging process, you could read more about with the following resources.

React Native Debugger Documentation : https://github.com/jhen0409/react-native-debugger#documentation
React Native Debugger Open : https://github.com/jhen0409/react-native-debugger/tree/master/npm-package#usage
Official React Native Debugging documentation : https://facebook.github.io/react-native/docs/debugging.html
Google : http://bfy.tw/DR8k :)

Digest - Week 2023/33

/----
slug: digest-week-202333
excerpt: Weekly digest of my readings and interesting topics. Week 33 of 2023.
tags: Digest
----/
ㅤ

Tech Equity Collective launches Black Genius Academy

Tech Equity Collective launches Black Genius Academy, a career discovery app that prepares aspiring Black talent for technical education programs.
ㅤ

New Slack User Experience Designed for Focus and Productivity - Salesforce News

Today, Salesforce announced it will roll out a major design update to Slack over the coming months that makes it easier for users to navigate the platform, stay focused, and better access a growing number of essential tools necessary for modern work. Why it’s relevant: Innovation in action: The newest evolution of Slack makes it […]
ㅤ

GitHub Universe - November 8-9, 2023

Github global developer conference is back. X marks the future.

Digest - Week 2023/35

/----
slug: digest-week-202335
excerpt: Weekly digest of my readings and interesting topics. Week 35 of 2023.
tags: Digest
----/
ㅤ

Extreme Weather Forecasting in Togo Using Machine Learning: WeatherAI

Develop a web application for extreme weather forecasting in Togo using machine learning, and exploratory data analysis.
ㅤ

GPT-trainer

uild your own ChatGPT with no-code and embed it directly onto your website.
ㅤ

Lightning CSS

An extremely fast CSS parser, transformer, bundler, and minifier.
ㅤ

Why Rust is the most admired language among developers - The GitHub Blog

Rust continues to top the charts as the most admired and desired language by developers, and in this post, we dive a little deeper into how (and why) Rust is stealing the hearts of developers around the world.
ㅤ

RFC: Google Tag Manager and gtag in · vercel/next.js · Discussion

RFC: Google Tag Manager and gtag in
ㅤ

Transforming the Future with the 23.9 Release and Custom SCAPI Endpoints

We are getting closer to the holiday period with 23.9, where a feature and release freeze happens every year. But what goodies are in store for us?
ㅤ

vantezzen/auto-form: 🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema.

🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema. - vantezzen/auto-form: 🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema.
ㅤ

getumbrel/llama-gpt: A self-hosted, offline, ChatGPT-like chatbot. Powered by Llama 2. 100% private, with no data leaving your device. New: Code Llama support!

A self-hosted, offline, ChatGPT-like chatbot. Powered by Llama 2. 100% private, with no data leaving your device. New: Code Llama support! - getumbrel/llama-gpt: A self-hosted, offline, ChatGPT-like chatbot. Powered by Llama 2. 100% private, with no data leaving your device. New: Code Llama support!
ㅤ

OpenTF Foundation

The OpenTF Foundation. Supporting an impartial, open, and community-driven Terraform. OpenTF Announces Fork of Terraform
ㅤ

Slack's Migration to a Cellular Architecture - Slack Engineering

Summary In recent years, cellular architectures have become increasingly popular for large online services as a way to increase redundancy and limit the blast radius of site failures. In pursuit of these goals, we have migrated the most critical user-facing services at Slack from a monolithic to a cell-based architecture over the last 1.5 years. …

Digest - Week 2023/30

/----
slug: digest-week-202330
excerpt: Weekly digest of my readings and interesting topics. Week 30 of 2023.
tags: Digest
----/
ㅤ

Shrinking VS Code with name mangling

A look at how we how we cut 20% off the size of VS Code's JavaScript with name mangling.
ㅤ

useHooks – The React Hooks Library

A collection of modern, server-safe React hooks – from the ui.dev team
ㅤ

SFRA and Node 18: A Match Made in eCommerce Paradise or Hell?

Node has come a long way since SFRA was released, but is it compatible with Node 18? And how do I get started with the upgrade? Find out houre!
ㅤ

Llama 2 - Resource Overview - Meta AI

Our latest version of Llama is now accessible to individuals, creators, researchers, and businesses of all sizes.
ㅤ

The Henley Passport Index Passport 2023

The Henley Passport Index Passport 2023
ㅤ

The Bird | LinkedIn - Martin Grasser

The logo was designed to be simple, balanced, and legible at very small sizes, almost like a lowercase e.
ㅤ

Intellij SFCC 2023.2 Release | Page Designer support, Forms autocompletions, UI/UX improvements | by Sergey Bevzuk | Jul, 2023 | Medium

2023.2 was focused to bring Page Designer and SFRA Forms support to make Salesforce B2C Commerce development much easier for front-end developers. It also includes numerous UI/UX improvements and new…
ㅤ

Meta, Microsoft and Amazon release open map dataset to rival Google Maps, Apple Maps | TechCrunch

A group formed by Meta, Microsoft, Amazon and TomTom is releasing data that could enable developers to build their own maps.
ㅤ

What is new in the 23.8 Commerce Cloud release?

Time to look at what the 23.8 release brings to Salesforce B2C Commerce Cloud! Time to get Holiday Ready. 🎄
ㅤ

Google Warns Gmail And Photos Content Deletions To Start December 2023

Gmail and Google Photos users need to check all their accounts before December if content deletion is to be avoided. Here’s what you need to know.
ㅤ

Call to application – MDA | Morocco Digital Academy

Apply to the Morocco Digital Academy by UM6P - 2nd Cohort. Are you interested in learning new technologies, and working in exciting fields such as Augmented & Virtual Reality, Cyber Security, or Internet of Things ? You also wish to learn Soft Skills, Leadership and Management skills, Innovation and Creativity skills, as well as Language skills, to enable you to become the Best Tech Talent for both Moroccan and International recruiters?
ㅤ

Launch Party — Expo

A week of feature announcements and community events.

Digest - Week 2023/34

/----
slug: digest-week-202334
excerpt: Weekly digest of my readings and interesting topics. Week 34 of 2023.
tags: Digest
----/
ㅤ

Navigating Dates, Calendars, and Timezones in Salesforce B2C Commerce Cloud - The Rhino Inquisitor

Working with Time Zones, Dates, and Calendars can be tricky in SFCC. Let's have a look at the most important things to keep in mind!
ㅤ

Ask HN: What's the biggest red flag you've encountered during a hiring process? | Hacker News

Ask HN: What's the biggest red flag you've encountered during a hiring process? | Hacker News
ㅤ

Upcoming .COM and .XYZ domain price increase - Namecheap Blog

On Sept. 1, .COM and .XYZ domain prices will increase. Learn why this is happening and what you can do to lock in current pricing.
ㅤ

Microsoft is bringing Python to Excel - The Verge

Microsoft is integrating Python into its Excel app. A public preview is available for Microsoft 365 subscribers now and all the Python code runs on the Microsoft Cloud.
ㅤ

Hugging Face raises 35M from investors, including Salesforce and Nvidia | TechCrunch

Hugging Face, a platform for developing AI models and tooling, has raised 35 million in a venture funding round.

Digest - Week 2023/46

/----
slug: digest-week-202346
excerpt: Weekly digest of my readings and interesting topics. Week 46 of 2023.
tags: Digest
----/
ㅤ

Tech Stack File | StackShare

The universal standard for tech stack data
ㅤ

Deprecation of formatting rules - ESLint - Pluggable JavaScript Linter

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

About

/----
slug: about
----/
Hi there,

I'm Médédé Raymond, an experienced Software Engineer with over 10 years of industry expertise. I'm a geek at heart, a lifelong learner, and an adept problem solver skilled at tackling challenges.

I have a deep passion for all things related to Web, Mobile, and Commerce. My preferred coding language is Javascript, and I've been actively involved in React/React Native projects and ecosystem for quite some time.

Throughout my relatively long career, I've worked with a diverse range of technologies and programming languages, including PHP, Java, SQL, DevOps, Commerce (B2C/B2B/OMS), Mainframe, Cloud, Serverless, Salesforce, CMS, SEO, and more.

In my free time, I work on personal projects (although I'm still aspiring to become a successful entrepreneur 🫣), contribute to open-source initiatives, and constantly explore articles on Software Architecture & Design, IT Security, Leadership, Management, and related topics.

Over the years, I've excelled in various roles, such as Developer, Technical Architect, Tech Lead, Manager, and have often performed a versatile combination of these responsibilities.

I would be delighted to have a conversation with you about any of these topics. Feel free to reach out to me on LinkedIn or Twitter.

Digest - Week 2023/36

/----
slug: digest-week-202336
excerpt: Weekly digest of my readings and interesting topics. Week 36 of 2023.
tags: Digest
----/
ㅤ

Communication Is Key to Being a Remote-Friendly Company | by Dr. Gleb Tsipursky | Sep, 2023 | DataDrivenInvestor

The COVID-19 pandemic forced many companies to quickly transition to remote work. Now, as we enter 2023, organizations face difficult decisions around developing sustainable hybrid work policies…
ㅤ

Implement Radix's asChild pattern in React

Use the asChild pattern for composition. Get the right types on each component. Merge props together. Use tailwind-merge for classnames.
ㅤ

Turbo 8 is dropping TypeScript

By all accounts, TypeScript has been a big success for Microsoft. I've seen loads of people sparkle with joy from dousing JavaScript with explicit types that can be checked by a compiler. But I've never been a fan. Not after giving it five minutes, not after giving it five years. So it's with great pleasure that I can announce we're dr...
ㅤ

Digest - Create a personalized newsletter with your favorite content.

Digest allows you to create a personalized daily digest of your favorite content.
ㅤ

Optimizing Next.js cold starts for Vercel

In this post i will show some tricks to decrease your Next.js functions cold starts
ㅤ

Release Gato GraphQL v1.0 🎉 · GatoGraphQL/GatoGraphQL

Interact with all your data in WordPress using GraphQL - Release Gato GraphQL v1.0 🎉 · GatoGraphQL/GatoGraphQL

Digest - Week 2023/27

/----
slug: digest-week-202327
excerpt: Weekly digest of my readings and interesting topics. Week 27 of 2023.
tags: Javascript, Runtime, Event-driven, Remotion, Salesforce B2C Commerce, React Native, Tools, HTML
----/
ㅤ

Bun — A fast all-in-one JavaScript runtime

Bundle, transpile, install, and run JavaScript & TypeScript — all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner, and npm client built-in.
ㅤ

A Comprehensive Guide to Building Event-Driven Architecture on Azure, AWS, and Google Cloud

In this article, you'll find guidance to Azure, AWS, and Google Cloud resources, along with unique architecture examples that incorporate EventBridge, SNS, Service Bus, Eventgrid, and GC Eventarc.
ㅤ

Remotion 4.0 | Remotion | Make videos programmatically in React

Introducing visual editing, Rust-powered architecture, and the Render Button.
ㅤ

imgly/background-removal-js: Remove backgrounds from images directly in the browser environment with ease and no additional costs or privacy concerns. Explore an interactive demo.

Remove backgrounds from images directly in the browser environment with ease and no additional costs or privacy concerns. Explore an interactive demo. - imgly/background-removal-js: Remove backgrounds from images directly in the browser environment with ease and no additional costs or privacy concerns. Explore an interactive demo.
ㅤ

Salesforce on LinkedIn: 👋 Hello! 今日は Salut! 你好 Hallo! Ciao! Hola! 👋 Interacting with shoppers…

👋 Hello! 今日は Salut! 你好 Hallo! Ciao! Hola! 👋

Interacting with shoppers in their local language is a powerful experience. Yet, many online businesses lack the…
ㅤ

obytes/app-icon-badge: 🧩 Expo plugin/library to add badges for your app icon: banner, ribbon, and fully customizable.

🧩 Expo plugin/library to add badges for your app icon: banner, ribbon, and fully customizable. - obytes/app-icon-badge: 🧩 Expo plugin/library to add badges for your app icon: banner, ribbon, and fully customizable.
ㅤ

alin23/Lunar: Intelligent adaptive brightness for your external monitors

Intelligent adaptive brightness for your external monitors - alin23/Lunar: Intelligent adaptive brightness for your external monitors
ㅤ

The case against self-closing tags in HTML - JakeArchibald.com

The history, facts, and opinions.
ㅤ

Médédé Raymond KPATCHAA has invited you to try Warp. (Shameless plug 😛 )

Warp is a modern, Rust-based terminal with AI built in so you and your team can build great software, faster. Now available on MacOS.

Digest - Week 2024/5

/----
slug: digest-week-20245
excerpt: Weekly digest of my readings and interesting topics. Week 5 of 2024.
tags: Digest
----/
ㅤ

UI Design Daily | Open Source UI Resources

A large database of 100% free UI components and design source files available in formats popular in the industry.
ㅤ

Techwaves Generative AI for CIOs and CTOs - Jan 2024 (English version) - WENVISION

Techwaves Generative AI for CIOs and CTOs. Our approach is based on the Techwaves methodology, which deeply analyzes market trends, technological innovations.
ㅤ

Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple

Apple announced changes to iOS, Safari, and the App Store impacting developers’ apps in the EU to comply with the DMA.
ㅤ

InkboxSoftware/excelCPU: 16-bit CPU for Excel, and related files

16-bit CPU for Excel, and related files. Contribute to InkboxSoftware/excelCPU development by creating an account on GitHub.

Digest - Week 2024/1

/----
slug: digest-week-20241
excerpt: Weekly digest of my readings and interesting topics. Week 1 of 2024.
tags: Digest
----/
ㅤ

TanStack Router | React Router, Solid Router, Svelte Router, Vue Router

Powerful routing and first-class search-param APIs for JS/TS, React, Solid, Vue and Svelte
ㅤ

KolbySisk/next-route-handler-pipe

Pipe together functions to create reusable function pipelines for your Next.js route handlers.

My first electron app : Blinker

/----
slug: my-first-electron-app-blinker
excerpt: A week ago, I discovered a very useful website and I thought I should make it an application. The principle is simple : it reminds you to take your eyes away from your computer every 20 minutes. So here is Blinker.
readTime: 3
tags: Electron, Application, Javascript, Health
cover: /assets/blog/blinker.png
----/
A week ago, I discovered a very useful website and I thought I should make it an application.
This is the website : http://www.blynker.com/.

The principle is simple : it reminds you to take your eyes away from your computer every 20 minutes. So here is Blinker.

I do a lot of stuff on my computer and I don't always take a break to rest. We can see it like a pomodoro, but not just when you want to concentrate on something.

Planning the application

The idea is simple : Every x (20) minutes you notify the user that he should take a break. 20 seconds later, he can go back to work.

The technology : I do a lot of Javascript so I decided to go with a tool that could help me create my native application in Javascript. With no doubt I decided to go with Electron. Many applications, including Slack, Atom, VS Code, are built on top of Electron. And it has the advantage to help you build cross platform applications.

Creating the application

Electron provides a quick start to help you understand the concept.

# Clone the Quick Start repository
$ git clone https://github.com/electron/electron-quick-start

# Go into the repository
$ cd electron-quick-start

# Install the dependencies and run
$ npm install && npm start

Blinker is a "window less" application (as it just shows a tray icon) so I deleted the index.html and renderer.js files.

Electron provides a Tray item that helps you add icons and context menus to the system’s notification area.

const electron = require('electron')
const { app, Tray, Menu, BrowserWindow } = require('electron')

Here is the list of dependencies :

node-notifier : to display system notifications. I first used the HTML5 native Notification API, but it didn't work as our application doesn't run in a window.

notifier.notify({
  title: 'Startup status changed',
  message: launchOnStartup
    ? 'You will have to launch the application every time you log in'
    : 'Great! Application will launch on system startup',
  icon: path.join(__dirname, 'icons/eye.png'),
  contentImage: '',
  sound: playSound, // true of false
})

auto-launch : to launch application on startup ;)

const appAutoLauncher = new AutoLaunch({
  name: 'Blinker',
  isHidden: true,
  mac: {
    useLaunchAgent: true,
  },
})

electron-store : to save application specific configuration (like sound, autostart)

const store = new Store({
  defaults: {
    config: {
      launchOnStartup: true,
      playSound: true,
    },
  },
})
const config = store.get('config')

I have released the first version for Linux and MacOS. If you are on windows, you can just checkout the code and build for windows.

Feel free to checkout the code on github, submit pull requests or open issues if something is not working as expected.

Cheers.

Digest - Week 2023/26

/----
slug: digest-week-202326
excerpt: Weekly digest of my readings and interesting topics. Week 26 of 2023.
tags: Salesforce B2C Commerce, React Native, Team management, Github Copilot, SSL pinning, React, Netlify
----/
ㅤ

A day in the life of a Composable Storefront Request | by Thomas Theunen | Salesforce Architects | Jun, 2023 | Medium

An under the hood look at Composable Storefront Architecture in Salesforce B2C Commerce featuring PWA Webkit, Managed Runtime and Serverless Infrastructure
ㅤ

What skills do I need as a Salesforce Commerce Cloud Architect?

Learn how to successfully transition from developer to architect in Salesforce B2C Commerce Cloud with these tips and strategies.
ㅤ

SSL Pinning in React Native Apps | blog {callstack}

Learn to implement SSL pinning to future-proof your React Native app against security attacks. Dig deeper into native SSL implementations for iOS & Android.
ㅤ

intitni/CopilotForXcode: The missing GitHub Copilot, Codeium and ChatGPT Xcode Source Editor Extension

The missing GitHub Copilot, Codeium and ChatGPT Xcode Source Editor Extension - intitni/CopilotForXcode: The missing GitHub Copilot, Codeium and ChatGPT Xcode Source Editor Extension
ㅤ

To Build a Top Performing Team, Ask for 85% Effort

An outdated way of thinking about peak performance is: “maximum effort = maximum results.” But research shows that it doesn’t actually work that way in reality. Here’s what actually works: The 85% rule, which counterintuitively suggests that to reach maximum output, you need to refrain from giving maximum effort. Operating at 100% effort all of the time will result in burnout and ultimately less-optimal results. While the precise number 85% may just be a rule of thumb, it’s a helpful one for managers who want to create high-performance teams without burning people out.
ㅤ

Is React Having An Angular.js Moment?

React Server Components, while innovative, risk causing division in the React community due to their potential to undermine Single-Page App architecture.
ㅤ

Package Exports Support in React Native · React Native

With the release of React Native 0.72, Metro — our JavaScript build tool — now includes beta support for the package.json exports field. When enabled, it adds the following functionality:
ㅤ

The Password Game

Please choose a password
ㅤ

Introducing the MDN Playground: Bring your code to life! | MDN Blog

MDN is launching a code Playground. Users can prototype ideas and expand all live samples into an interactive experience.
ㅤ

Netlify Acquires Stackbit to Provide Web Teams with a Full Set of Solutions Across Their Web Stack

The addition of Stackbit introduces a visual experience editor for non-developers to create and edit website and app UIs in real-time from a browser.

Digest - Week 2024/4

/----
slug: digest-week-20244
excerpt: Weekly digest of my readings and interesting topics. Week 4 of 2024.
tags: Digest
----/
ㅤ

Vous avez un iPhone ? Activez cette fonction anti-voleurs - Numerama

iOS 17.3 introduit un nouveau mode nommé « Protection en cas de vol de l'appareil ». Il rend la reconnaissance faciale obligatoire pour effectuer des
ㅤ

Nexar

Nexar is an application architecture for Next.js App Router apps.
ㅤ

Reading QR codes without a computer!

Did you ever wonder how QR codes work? You've come to the right place!

Digest - Week 2023/28

/----
slug: digest-week-202328
excerpt: Weekly digest of my readings and interesting topics. Week 28 of 2023.
tags: Microservices, LEGO, Authentication, Communication
----/
ㅤ

The Simple Power of Communicating with Kindness

In today’s world a host of issues are eating away at our connections with each other: Lack of focus, high-speed interactions, political polarization seeping into professional interactions, lack of trust. It’s easy to let daily civilities go by the wayside — or to approach difficult conversations with anger and ferocity — but, the author tells us, her experience as a corporate communications executive points to the benefits for leaders who double down on kindness instead. She outlines three tactics that work: Breaking down defensiveness with graciousness, giving credit, and making space.
ㅤ

John Graham-Cumming's blog: Unfortunately, Kelly Rowland couldn't have used the =HYPERLINK() function to message Nelly

The Kelly Rowland/Nelly song Dilemma features an infamous scene amongst nerds where Kelly Rowland tries to send a message to Nelly using a ...
ㅤ

The Student Debt Crisis, Explained.

We weren't ready for a 710% increase in college tuitions from 1983 to 2023. The debt is now 1.78 trillion dollars, with 93% of that held by the government.
ㅤ

Download Instructions for More Than 6,800 LEGO Kits at the Internet Archive | Open Culture

We've all come across a LEGO set from childhood and felt the temptation to try building it one more time — making the generous assumption, of course, that all the pieces are in the box, to say nothing of the instructions. Open Culture, openculture.com
ㅤ

Monitoring Java Spring Microservices with Prometheus and Grafana using Helm in a Kubernetes Environment | by Youssef EL GAMRANI | Jul, 2023 | Medium

Monitoring is crucial to any microservices architecture to ensure system health, performance, and reliability. This article will explore how to monitor Java Spring microservices using Prometheus and…
ㅤ

Microsoft Dev Box is now generally available

We’ve focused on improving developer productivity and satisfaction with the power of the cloud and today, Microsoft Dev Box is generally available. Learn more.
ㅤ

Introducing passwordless authentication on GitHub.com | The GitHub Blog

Passkeys are now available in public beta. Opting in lets you upgrade security keys to passkeys, and use those in place of both your password and your 2FA method.