Angular Framework and Building Library ngx-omniview | Binapani Devlog #2

Описание: 🎙️ About This Episode
In this Binapani Devlog (yes, still a devlog with a podcast twist), I sit down with Khushi, one of the earliest front-end Angular developers at Binapani, to talk about how we built and shipped our new Angular library: NGX Omniview.

We go from real-world Angular experiences to the messy reality of version hell, peer dependencies, private registries, and the struggle of making one library that can safely render text, HTML, Markdown, JSON, MathJax and LaTeX inside modern Angular apps.

💬 What You’ll Hear About
• Angular 15+ journey, zone.js, RxJS and the shift towards Signals
• Internal vs public Angular libraries, npm registries and .npmrc
• Designing a unified "omniview" component for Text, HTML, Markdown, Math (LaTeX and MathJax), and JSON
• Why LaTeX on the web is still painful, and how we wired KaTeX, MathJax, ngx-markdown and a JS-based LaTeX renderer under one Angular API
• Version compatibility, peer dependencies, and what it really takes to support multiple Angular versions in one library

From the Binapani side, we also share why we needed this for our own ed-tech platform (Binapani Academy): teachers, students, and content pipelines dealing with dense LaTeX, equations, JSON, and rich HTML every single day.

If you are a developer, this is a relaxed devlog about Angular, library design and open source.
If you are not a developer, treat it like a behind-the-scenes podcast on how the tools behind modern learning platforms actually get built.

⏱️ Chapters
00:00 🎙️ Intro: what today's devlog podcast covers
01:20 🎙️ Guest Intro: meet Khushi & her Angular background
03:53 🎙️ Host's Story: Atanu’s Angular journey
04:26 🅰️ Angular History: from AngularJS to Angular 20
05:52 🅰️ Library Dev: past experiences building Angular libraries
06:32 🔧 Private Libraries: internal libs & enterprise registries
07:42 🔧 npmrc: auth, proxies & overriding npm registry
09:51 ⚙️ Zone.js: async tasks, watchers & change detection
11:42 ⚙️ RxJS: observables, behavior subjects & async code
13:46 🅰️ Signals: why Angular introduced them
14:51 🅰️ Signals vs Zone.js: performance & fine-grained control
16:41 📦 omniview: the Angular library we built
17:20 📦 Why we built it: edtech needs & handling diverse formats
18:00 📦 Content in EdTech: text, html, math, latex, json, and more
20:19 📦 Supported Formats: overview of all available renderers
23:06 🖥️ Demo: Markdown Format (with math)
24:23 🖥️ Demo: Raw Text Format
24:56 🖥️ Demo: HTML Format
25:04 🖥️ Demo: JSON viewer Format
26:44 🖥️ Demo: MathJax Format
28:19 🖥️ Demo: LaTeX Format
29:37 🖥️ Demo: Try Yourself Playground (MathJax vs LaTeX)
30:28 🛠️ LaTeX Rendering: latex.js, CDN & Angular wrapper
31:37 🛠️ Under the Hood: code overview & renderer registry
34:38 🚀 Launch: first downloads & early community interest
35:01 💬 Pain Points: starting from Angular 15 base
36:32 💬 Pain Points: syntax differences in Angular 17+
37:32 🅰️ Angular Shared Modules vs Standalone Components
39:25 💡 Multi-Version Strategy: supporting Angular 15–20
41:00 💡 Peer Dependencies: KaTeX, MathJax & Markdown
43:52 🧪 Reflections: DX challenges & learnings
45:22 🧪 Testing Matrix: Node × Angular × sandbox debugging
47:01 🎬 Outro: thanks, future plans & contribution invite

🚀 Stay Connected
subscribe and stay tuned for more Binapani Devlog episodes as we ship new features and share the real stories behind them. Tell us what you’d like us to build or break down next!

NPM: https://www.npmjs.com/package/ngx-omn...
GitHub: https://github.com/binapani-edu/ngx-o...
Demo: https://binapani-edu.github.io/ngx-om...

👉 Follow ‪@binapani_edu‬ for more feature updates!

🌐 https://www.binapani.com/

📲 Follow us on:
🔗   / binapani_edu  
🔗   / binapani_edu  
🔗   / binapani.edu  
🔗   / binapani-edu  
🔗 https://github.com/binapani-edu

#Binapani #DevVlog #Podcast #Angular #AngularLibrary #NGXOmniview #ngx #omniview #OpenSource #LaTeX #Markdown #JSON #MathJax #KaTeX #EdTech #Developers #TechTalk