Supercharge Your Native Application With React Native

With Electrode Native, developers can work seamlessly on cross-platform components written in JavaScript using React Native—that can then be added to any iOS or Android mobile application.

Just select the features and components you want to add to your mobile application and Electrode Native will package them for you—in a single library that contains everything you need—making it easy to integrate into your mobile application without altering its code structure.

Simple And Type Safe Communication

Electrode Native ships with code generators—to let you focus on what matters. Just describe interactions using a Swagger schema, and Electrode Native will generate the boilerplate and client code and leave just the implementation to you.

Generated code is also type-safe—so native developers will feel right at home and can leverage compile time checks. Also, if you're already using native modules—there's no need to throw them away, Electrode Native offers support to reuse them.

Generated API Model

                    public class MoviesAPI: NSObject  {

    static let kRequestGetMovieDetail = "com.ernmvoie.ern.api.request.getMovieDetail";

    static let kRequestGetTopRatedMovies = "com.ernmvoie.ern.api.request.getTopRatedMovies";

    public lazy var requests: MoviesAPIRequests = {
        return MoviesRequests()
    }()
}

public class MoviesAPIRequests: NSObject {
    public func registerGetMovieDetailRequestHandler(handler: @escaping ElectrodeBridgeRequestCompletionHandler) {
        assertionFailure("should override")
    }

    public func registerGetTopRatedMoviesRequestHandler(handler: @escaping ElectrodeBridgeRequestCompletionHandler) {
        assertionFailure("should override")
    }

    public func getMovieDetail(movieId: String, responseCompletionHandler: @escaping ElectrodeBridgeResponseCompletionHandler) {
        assertionFailure("should override")
    }

    public func getTopRatedMovies(responseCompletionHandler: @escaping ElectrodeBridgeResponseCompletionHandler) {
        assertionFailure("should override")
    }
}

                    package com.ernmvoie.ern.api;

import android.support.annotation.NonNull;

import com.walmartlabs.electrode.reactnative.bridge.ElectrodeBridgeEventListener;
import com.walmartlabs.electrode.reactnative.bridge.ElectrodeBridgeRequestHandler;
import com.walmartlabs.electrode.reactnative.bridge.ElectrodeBridgeResponseListener;
import com.walmartlabs.electrode.reactnative.bridge.None;
import java.util.*;
import com.ernmvoie.ern.model.Movie;

public final class MoviesApi {
    private static final Requests REQUESTS;

    static {
        REQUESTS = new MoviesRequests();
    }

    private MoviesApi() {
    }

    @NonNull
    public static Requests requests() {
        return REQUESTS;
    }

    public interface Requests {
        String REQUEST_GET_MOVIE_DETAIL = "com.ernmvoie.ern.api.request.getMovieDetail";
        String REQUEST_GET_TOP_RATED_MOVIES = "com.ernmvoie.ern.api.request.getTopRatedMovies";

        void registerGetMovieDetailRequestHandler(@NonNull final ElectrodeBridgeRequestHandler<String, Object> handler);

        void registerGetTopRatedMoviesRequestHandler(@NonNull final ElectrodeBridgeRequestHandler<None, List<Movie>> handler);

        void getMovieDetail(String movieId, @NonNull final ElectrodeBridgeResponseListener<Object> responseListener);

        void getTopRatedMovies(@NonNull final ElectrodeBridgeResponseListener<List<Movie>> responseListener);
    }
}

                    import { electrodeBridge } from '@walmart/react-native-electrode-bridge';
import MoviesRequests from './MoviesRequests';

const REQUESTS = new MoviesRequests(electrodeBridge);

export function requests() {
    return REQUESTS;
}

export default ({requests});

Native Dependencies Version Control

Relax knowing that all native dependency versions used by the React Native components as part of your mobile application, will be compatible.

Electrode Native offers a built-in dependency version control system—allowing you to control the version of native dependencies that your React Native components should be aligned to—while it guarantees that no React Native component, using a non-compatible native dependency, is included your mobile application.