1613811600
This repo actually has nothing to do with React, but rather is a base class meant for pairing up with JS based front-end UI components (see https://github.com/timbr-io/jupyter-react-js). The only thing in this module is a “Component” class. This class can be created with a “module” name that matches the name of a JS UI component and opens up a line of commuination called an “IPython Comm”. Using the comm messages can be pased back and forth and property and actions can be taken as a result of UI interaction.
# Create a custom module in python
from jupyter_react import Component
class MyThing(Component):
module = 'AnyJSClassName'
comm_channel = 'custom.name'
def __init__(self, **kwargs):
super(MyThing, self).__init__(target_name='custom.name', **kwargs)
self.on_msg(self._handle_msg)
def _handle_msg(self, msg):
print msg
# In Jupyter / IPython instantiate the class and display it
from mything import MyThing
from IPython.display import display
mything = MyThing(props={})
display(mything)
Once a component is “displayed” a message is passed over the comm to the front-end. If the front-end has registered a handler for the same comm target\_name
then it will be called when the class is created. You can see more about how to build the front-end code here: https://github.com/timbr-io/jupyter-react-js.
@param props - dict of props to be passed to the front-end js when a comm is opened.
Called immediately when a class is instantiated, this method opens a comm to the front-end and passes the props to the JS.
Closes the comm.
@param data - dict of data to send over as a message comm
Sends a message over the comm.
@param callback - method to be called when a message is received over the comm
Author: timbr-io
Source Code: https://github.com/timbr-io/jupyter-react
#react #reactjs #javascript
1591267200
Nosso convidado de hoje é diretor técnico na Work & Co, PhD em Ciências da Computação, já contribuiu com inúmeros projetos open source em Python, ajudou a fundar a Associação Python Brasil e já foi premiado com o Prêmio Dorneles Tremea por contribuições para a comunidade Python Brasil.
#alexandre oliva #anaconda #apache zeppelin #associação python brasil #azure notebooks #beakerx #binder #c++ #closure #colaboratory #donald knuth #fernando pérez #fortran #graphql #guido van rossum #ipython #java #javascript #json #jupyter kenels #jupyter notebooks #jupyterhub #jupyterlab #latex #lisp #literate programming #lua #matlab #perl #cinerdia #prêmio dorneles tremea #python #r #rodrigo senra #scala #spark notebook #tcl #typescript #zope
1617110327
ByteCipher is one of the leading React JS app development Companies. We offer innovative, efficient and high performing app solutions. As a ReactJS web development company, ByteCipher is providing services for customized web app development, front end app development services, astonishing react to JS UI/UX development and designing solutions, reactJS app support and maintenance services, etc.
#reactjs development company usa #reactjs web development company #reactjs development company in india #reactjs development company india #reactjs development india
1613811600
This repo actually has nothing to do with React, but rather is a base class meant for pairing up with JS based front-end UI components (see https://github.com/timbr-io/jupyter-react-js). The only thing in this module is a “Component” class. This class can be created with a “module” name that matches the name of a JS UI component and opens up a line of commuination called an “IPython Comm”. Using the comm messages can be pased back and forth and property and actions can be taken as a result of UI interaction.
# Create a custom module in python
from jupyter_react import Component
class MyThing(Component):
module = 'AnyJSClassName'
comm_channel = 'custom.name'
def __init__(self, **kwargs):
super(MyThing, self).__init__(target_name='custom.name', **kwargs)
self.on_msg(self._handle_msg)
def _handle_msg(self, msg):
print msg
# In Jupyter / IPython instantiate the class and display it
from mything import MyThing
from IPython.display import display
mything = MyThing(props={})
display(mything)
Once a component is “displayed” a message is passed over the comm to the front-end. If the front-end has registered a handler for the same comm target\_name
then it will be called when the class is created. You can see more about how to build the front-end code here: https://github.com/timbr-io/jupyter-react-js.
@param props - dict of props to be passed to the front-end js when a comm is opened.
Called immediately when a class is instantiated, this method opens a comm to the front-end and passes the props to the JS.
Closes the comm.
@param data - dict of data to send over as a message comm
Sends a message over the comm.
@param callback - method to be called when a message is received over the comm
Author: timbr-io
Source Code: https://github.com/timbr-io/jupyter-react
#react #reactjs #javascript
1625284380
Jupyter Notebook is an online computational notebook that allows you to combine code, comments, media, and visualizations in interactive documents. It has quickly become one of the most popular online computational notebooks, used by top companies such as Google, Microsoft, and NASA. Today, we’re going to explore Jupyter Notebooks and discuss their benefits and how to get started.
We’ll cover:
#jupyter #python #jupyter-notebook
1603263600
First, let’s talk about both Lab and Notebook separately and then will talk about the differences.
Jupyter Notebook is a web-based interactive computational environment for creating Jupyter notebook documents. It supports several languages like Python (IPython), Julia, R, etc. and is mostly used for data analysis, data visualization, and other interactive, exploratory computing. For beginners in data science, jupyter notebook is more preferred; it only consists of a file browser and a (notebook) editor view, which is easier to use. When you get familiar with it and need more features(which we will talk about later), you can then definitely switch to JupyterLab.
JupyterLab is the next-generation user interface, including notebooks. It has a modular structure, where you can open several notebooks or files (e.g., HTML, Text, Markdowns, etc.) as tabs in the same window. It offers more of an IDE-like experience. JupyterLab uses the same Notebook server and file format as the classic Jupyter Notebook to be fully compatible with the existing notebooks and kernels. The Classic Notebook and Jupyterlab can run side to side on the same computer. One can easily switch between the two interfaces. The interface of both Lab and notebook are similar, except the panel of the file system on the left side in Jupyter lab. You can see that in the images below.
#programming #jupyter #jupyter-notebook #jupyterlab #data-science