DEV Community

Cover image for Building A math community. MathJax
Tristan Elliott
Tristan Elliott

Posted on • Edited on

2

Building A math community. MathJax

Introduction

  • This series is going to be dedicated to building and launching my first web app, which is a website focused around individuals creating and sharing math content. Join me and let us try to to make our way through this.

How did I found out about MathJax?

  • I simply created a post on twitter asking, Does anyone know any good JavaScript libraries for visualizing math equations?. Eventually, a geophysicist replied with one word, MathJax and that is how I found it. So if you ever have a question, tweet about it into the endless void that is twitter and maybe the void might answer back.

What is MathJax?

  • It is a open-source JavaScript display engine for LaTeX, MathML and AsciiMat notation that works in all modern browsers. It was created with the goal to combine the power of modern web technologies with mathematics. MathJax requires no setup on the part of the user(no plugins), so the page author can just write documents that include mathematics and be confident that users will be able to view it properly. Basically, just add MathJax to the project and it will handle displaying all the math.

  • In MathJax mathematics is text based rather than image based, meaning that it can improve SEO because the equations are searchable just like normal text on websites.

  • MathJax includes the ability to generate speakable text versions of equations that can be used with screen readers. MathJax is highly configurable, allowing authors to customize it for the special requirements for any site

  • MathJax also has a rich API that can be used to make the mathematics on our webpages interactive and dynamic.

  • So now that we all know a little big more about MathJax I am working on creating a text editor in React that has the abilities of MathJax.

Conclusion

  • Thank you for taking the time out of your day to read this blog post of mine. If you have any questions or concerns please comment below or reach out to me on Twitter.

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay