Using Third-Party JS Libraries with React (Mapbox-GL-JS Map Markers)

Показать описание

In this video, I show a couple of examples of using a third-party Javascript library with React. This can be tricky when dealing with libraries that modify the DOM as things can conflict with React.

Check out the "marker" examples in this repository for the full code and an additional example not shown:

Rah Codes

Рекомендации по теме

Комментарии

You rock! I don't know how Google/Youtube finally ended up serving the content, but hey engagement signals rock, and being "complete" in this business rocks!

ProgrammingNewbie

Clear message, clear structure, easy to understand, thank you

grzegorzkowalski

hello, i've tried to make the map using react class and it worked but i can't show up the markers does anyone know why?
i use my own api for the longitude and langitude of the marker.

=>
new,
)};

can anyone help me?

hezkiel

I was trying to use the map.current "on" function about 10 hours ago.

The model passed in the documentation just doesn't work.

Creating it this way, with the map object being a constant, and passing the events within the same useEffect, it worked perfectly.

marcelosmbrr

Amazing video with great explanation! Thank you for sharing :)

hyunsukim

Rah I'm rendering a map as well, but when I have tried to put markers on the map I'm getting a message in the console "ReactDOM.render is no longer supported in React 18" - any suggestions?

wojcik

Great video ! Got me out of a rabbit whole !!

the_code_rat

Awesome.. Hello Rah, May you make a video about "How to add WMS layer using react-map-gl", for example from Geoserver..

saharilarshad

You try to give the video more brightness it will be great if you do

orsolyaszabo

u have amazing accent bro + nice content
iam interesting about this kind of apps and what i want to build is some app users can raise a marker to let other know their places

i don't think i explained it good but you got me ? i want to know how to build it and thank you

osamaibrahim

nice, but from where do you have this "chicago-parks.json"?

vladus

Using Third-Party JS Libraries with React (Mapbox-GL-JS Map Markers)

Using 3rd Party JS Libraries with Lightning Components

Using Third-Party JS Libraries with React (Mapbox-GL-JS Map Markers)

Stop Using The uuid Library In JavaScript

[React] Integration with Third Party Libraries

How to use third party libraries in in React JS | React tutorial - Day 14

Dramatically improve website speed with Partytown

This JavaScript library will blow your mind

Installing and using libraries with npm - Node.js Basics [14] - Java Brains

Create Your OWN Screen Recorder with React in 2024

React JS 3rd Party Components

Integrating a 3rd Party JS Library Leaflet

Steve Sewell: Optimally using third-party services with Next.js

How to use Leaflet JS (and other JavaScript libraries) in Vaadin Fusion

Integrating 3rd Party Libraries in SAPUI5 From Scratch | JS/PDF | Step by Step Guide

NodeJS : How do you include 3rd party javascript libraries in Meteor.js?

Module Bundlers Explained... Webpack, Rollup, Parcel, and Snowpack

Use External JS and CSS in LWC

Next.js 14 Tutorial - 57 - Third Party Packages

How to Install 3rd Party Libraries in Ionic

Salesforce: import third party JS library in open source LWC

Lazy Loading, third party libraries, static exports - Next js 14 tutorial

This is why wrapping third party libraries is important (mocking next-auth sessions locally)

Choosing between third party libraries - Next.js Internationalization in 2024 with the app router

💥 Typescript 2 @types - Installing Type Definitions For 3rd Party Libraries